@charset "UTF-8"; /* Theme Name: Authentic Theme URI: http://codesupply.co/themes/authentic Description: Wordpress Theme for Blogs & Magazines Author: Code Supply Co. Author URI: http://codesupply.co Version: 6.2.2 Tags: two-columns, left-sidebar, right-sidebar, custom-colors, editor-style, theme-options, featured-images, custom-menu, post-formats, sticky-post, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: authentic */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Reboot # Base # Utilities # Layout # Elements # Sections # Widgets # Media # Vendors /*-------------------------------------------------------------- # Reboot --------------------------------------------------------------*/ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } [tabindex="-1"]:focus { outline: 0 !important; } hr, .wp-block-separator { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table, .wp-block-table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Forms --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], optgroup, select, textarea { display: block; width: 100%; padding: 0.375rem 1rem; border: 1px transparent solid; font-size: 0.85rem !important; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { cursor: pointer; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-color: transparent; text-decoration: none !important; border: 1px solid transparent; padding: 0.375rem 1rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { button, input[type="button"], input[type="reset"], input[type="submit"], .button { transition: none; } } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus { border-color: transparent; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus { outline: 0; } .button-primary { color: white; background-color: black; } .button-effect { display: inline-block; position: relative; overflow: hidden; } .button-effect span { transition: all 0.2s ease; } .button-effect span:first-child { display: block; transform: translate(0); } .button-effect span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .button-effect:hover span:first-child, button:hover .button-effect span:first-child { transform: translateY(-200%); } .button-effect:hover span:last-child, button:hover .button-effect span:last-child { transform: translateY(-100%) translateX(-50%); } .button-effect span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .form-control { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control:focus { outline: none; border-color: #80bdff; } @media (max-width: 1019.98px) { select { font-size: 16px !important; } } select { max-width: 100%; padding: 0.25rem 0.75rem; } .select2-container--default .select2-selection--single { border: 1px solid transparent; border-radius: 0; font-size: 0.85rem !important; } .select2-dropdown { border-radius: 0; font-size: 0.85rem !important; } .cs-input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .cs-input-group .form-control { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .cs-input-group .button { line-height: 1.5rem; } .nav { flex-wrap: wrap; padding: 0; margin-bottom: 0; } /*-------------------------------------------------------------- ## Icons --------------------------------------------------------------*/ @font-face { font-family: "cs-icons"; src: url("css/fonts/icons.ttf") format("truetype"), url("css/fonts/icons.woff") format("woff"), url("css/fonts/icons.svg#icons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="cs-icon-"], [class*="cs-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "cs-icons" !important; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-icon-more-horizontal:before { content: "\e900"; } .cs-icon-github:before { content: "\e915"; } .cs-icon-instagram:before { content: "\e916"; } .cs-icon-telegram:before { content: "\e917"; } .cs-icon-reddit:before { content: "\e918"; } .cs-icon-line:before { content: "\e919"; } .cs-icon-fb-messenger:before { content: "\e91a"; } .cs-icon-arrow-down:before { content: "\e91b"; } .cs-icon-arrow-left:before { content: "\e91c"; } .cs-icon-arrow-right:before { content: "\e91d"; } .cs-icon-arrow-up:before { content: "\e91e"; } .cs-icon-chevron-down:before { content: "\e91f"; } .cs-icon-chevron-left:before { content: "\e920"; } .cs-icon-chevron-right:before { content: "\e921"; } .cs-icon-chevron-up:before { content: "\e922"; } .cs-icon-cross:before { content: "\e923"; } .cs-icon-music:before { content: "\e901"; } .cs-icon-eye:before { content: "\e902"; } .cs-icon-mail:before { content: "\e903"; } .cs-icon-email:before { content: "\e903"; } .cs-icon-ribbon:before { content: "\e904"; } .cs-icon-image:before { content: "\e905"; } .cs-icon-clock:before { content: "\e906"; } .cs-icon-video:before { content: "\e907"; } .cs-icon-heart:before { content: "\e908"; } .cs-icon-bloglovin:before { content: "\e908"; } .cs-icon-search:before { content: "\e909"; } .cs-icon-reply:before { content: "\e90a"; } .cs-icon-circle-plus:before { content: "\e90b"; } .cs-icon-repeat:before { content: "\e90c"; } .cs-icon-speech-bubble:before { content: "\e90d"; } .cs-icon-share:before { content: "\e90e"; } .cs-icon-bag:before { content: "\e90f"; } .cs-icon-cart:before { content: "\e90f"; } .cs-icon-plus:before { content: "\e910"; } .cs-icon-minus:before { content: "\e911"; } .cs-icon-delete:before { content: "\e912"; } .cs-icon-menu:before { content: "\e913"; } .cs-icon-ellipsis:before { content: "\e914"; } .cs-icon-angle-down:before { content: "\e924"; } .cs-icon-angle-left:before { content: "\e925"; } .cs-icon-angle-right:before { content: "\e926"; } .cs-icon-angle-up:before { content: "\e927"; } .cs-icon-behance:before { content: "\e928"; } .cs-icon-diamond:before { content: "\e929"; } .cs-icon-dribbble:before { content: "\e92a"; } .cs-icon-facebook:before { content: "\e92b"; } .cs-icon-feed:before { content: "\e92c"; } .cs-icon-rss:before { content: "\e92c"; } .cs-icon-get-pocket:before { content: "\e92d"; } .cs-icon-pocket:before { content: "\e92d"; } .cs-icon-google-plus:before { content: "\e92e"; } .cs-icon-googleplus:before { content: "\e92e"; } .cs-icon-linkedin:before { content: "\e92f"; } .cs-icon-map-marker:before { content: "\e930"; } .cs-icon-phone:before { content: "\e931"; } .cs-icon-viber:before { content: "\e931"; } .cs-icon-pinterest:before { content: "\e932"; } .cs-icon-retweet:before { content: "\e933"; } .cs-icon-soundcloud:before { content: "\e934"; } .cs-icon-spotify:before { content: "\e935"; } .cs-icon-stumbleupon:before { content: "\e936"; } .cs-icon-tumblr:before { content: "\e937"; } .cs-icon-twitter:before { content: "\e938"; } .cs-icon-vimeo:before { content: "\e939"; } .cs-icon-vk:before { content: "\e93a"; } .cs-icon-vkontakte:before { content: "\e93a"; } .cs-icon-whatsapp:before { content: "\e93b"; } .cs-icon-youtube:before { content: "\e93c"; } /*-------------------------------------------------------------- ## Type --------------------------------------------------------------*/ body { overflow-x: hidden; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.125; } a { transition: color 0.2s ease; } hr, .wp-block-separator { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 48px !important; margin-bottom: 48px !important; } mark, .mark { padding: 0.25rem 0.5rem; font-size: 0.75rem; text-transform: uppercase; } legend { font-size: 1rem; } /*-------------------------------------------------------------- ## Tables --------------------------------------------------------------*/ table, .wp-block-table { width: 100%; max-width: 100%; border-collapse: collapse; margin-bottom: 1rem; background-color: transparent; } table th, .wp-block-table th, table td, .wp-block-table td { padding: 0.75rem; vertical-align: top; border: none; border-top: 1px solid #dee2e6; } table thead th, .wp-block-table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } table tbody + tbody, .wp-block-table tbody + tbody { border-top: 2px solid #dee2e6; } .wp-block-table .wp-block-table__cell-content { padding: 0; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } @media (max-width: 759.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1019.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1119.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1239.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } /*-------------------------------------------------------------- ## Lists --------------------------------------------------------------*/ .cs-list-articles { padding-left: 0; list-style: none; } .cs-list-articles > li > a { display: flex; padding-top: 0.25rem; padding-bottom: 0.25rem; line-height: 1.25rem; color: #6c757d; font-size: 0.875rem; position: relative; padding-left: 2rem; } .cs-list-articles > li > a:before { position: absolute; left: 0; top: 0; font-family: "cs-icons"; content: "\e91d"; color: #ced4da; font-size: 14px; margin-right: 1rem; display: inline-block; transition: .2s ease all; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 100%; top: 4px; } .cs-list-articles > li > a:hover { color: #007bff; } .cs-list-articles > li > a:hover:before { color: #fff; transition: .2s ease all; background: #6c757d; } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .main-content .entry-content > *:last-child:after, .main-content .entry-summary > *:last-child:after { content: ''; clear: both; display: table; } .main-content .entry-content > *, .main-content .entry-content .wp-block-column > *, .main-content .entry-content .wp-block-group__inner-container > *, .main-content .entry-content .wp-block-cover__inner-container > *, .main-content .entry-content .wp-block-media-text__content > *, .main-content .entry-content .cnvs-block-column-inner > div > *, .main-content .entry-content .cnvs-block-section-content-inner > *, .main-content .entry-content .cnvs-block-section-sidebar-inner > *, .main-content .entry-summary > *, .main-content .entry-summary .wp-block-column > *, .main-content .entry-summary .wp-block-group__inner-container > *, .main-content .entry-summary .wp-block-cover__inner-container > *, .main-content .entry-summary .wp-block-media-text__content > *, .main-content .entry-summary .cnvs-block-column-inner > div > *, .main-content .entry-summary .cnvs-block-section-content-inner > *, .main-content .entry-summary .cnvs-block-section-sidebar-inner > * { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 760px) { .main-content .entry-content > *, .main-content .entry-content .wp-block-column > *, .main-content .entry-content .wp-block-group__inner-container > *, .main-content .entry-content .wp-block-cover__inner-container > *, .main-content .entry-content .wp-block-media-text__content > *, .main-content .entry-content .cnvs-block-column-inner > div > *, .main-content .entry-content .cnvs-block-section-content-inner > *, .main-content .entry-content .cnvs-block-section-sidebar-inner > *, .main-content .entry-summary > *, .main-content .entry-summary .wp-block-column > *, .main-content .entry-summary .wp-block-group__inner-container > *, .main-content .entry-summary .wp-block-cover__inner-container > *, .main-content .entry-summary .wp-block-media-text__content > *, .main-content .entry-summary .cnvs-block-column-inner > div > *, .main-content .entry-summary .cnvs-block-section-content-inner > *, .main-content .entry-summary .cnvs-block-section-sidebar-inner > * { margin-top: 32px; margin-bottom: 32px; } } .main-content .entry-content > *:first-child, .main-content .entry-content .wp-block-column > *:first-child, .main-content .entry-content .wp-block-group__inner-container > *:first-child, .main-content .entry-content .wp-block-cover__inner-container > *:first-child, .main-content .entry-content .wp-block-media-text__content > *:first-child, .main-content .entry-content .cnvs-block-column-inner > div > *:first-child, .main-content .entry-content .cnvs-block-section-content-inner > *:first-child, .main-content .entry-content .cnvs-block-section-sidebar-inner > *:first-child, .main-content .entry-summary > *:first-child, .main-content .entry-summary .wp-block-column > *:first-child, .main-content .entry-summary .wp-block-group__inner-container > *:first-child, .main-content .entry-summary .wp-block-cover__inner-container > *:first-child, .main-content .entry-summary .wp-block-media-text__content > *:first-child, .main-content .entry-summary .cnvs-block-column-inner > div > *:first-child, .main-content .entry-summary .cnvs-block-section-content-inner > *:first-child, .main-content .entry-summary .cnvs-block-section-sidebar-inner > *:first-child { margin-top: 0; } .main-content .entry-content > *:last-child, .main-content .entry-content .wp-block-column > *:last-child, .main-content .entry-content .wp-block-group__inner-container > *:last-child, .main-content .entry-content .wp-block-cover__inner-container > *:last-child, .main-content .entry-content .wp-block-media-text__content > *:last-child, .main-content .entry-content .cnvs-block-column-inner > div > *:last-child, .main-content .entry-content .cnvs-block-section-content-inner > *:last-child, .main-content .entry-content .cnvs-block-section-sidebar-inner > *:last-child, .main-content .entry-summary > *:last-child, .main-content .entry-summary .wp-block-column > *:last-child, .main-content .entry-summary .wp-block-group__inner-container > *:last-child, .main-content .entry-summary .wp-block-cover__inner-container > *:last-child, .main-content .entry-summary .wp-block-media-text__content > *:last-child, .main-content .entry-summary .cnvs-block-column-inner > div > *:last-child, .main-content .entry-summary .cnvs-block-section-content-inner > *:last-child, .main-content .entry-summary .cnvs-block-section-sidebar-inner > *:last-child { margin-bottom: 0; } .main-content .entry-content .cnvs-block-section, .main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } @media (min-width: 760px) { .main-content .entry-content .cnvs-block-section, .main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } } .main-content .entry-content .cnvs-block-section:first-child, .main-content .entry-summary .cnvs-block-section:first-child { margin-top: 0; } .main-content .entry-content .cnvs-block-section:last-child, .main-content .entry-summary .cnvs-block-section:last-child { margin-bottom: 0; } .main-content .entry-content .cnvs-block-posts, .main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } @media (min-width: 760px) { .main-content .entry-content .cnvs-block-posts, .main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } } .main-content .entry-content .cnvs-block-posts:first-child, .main-content .entry-summary .cnvs-block-posts:first-child { margin-top: 0; } .main-content .entry-content .cnvs-block-posts:last-child, .main-content .entry-summary .cnvs-block-posts:last-child { margin-bottom: 0; } .main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading, .main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading { margin-top: 64px; } @media (min-width: 760px) { .main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading, .main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading { margin-top: 64px; } .main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading:first-child, .main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading:first-child { margin-top: 0; } } .main-content .entry-content .cnvs-block-section-heading + .cnvs-block-posts, .main-content .entry-summary .cnvs-block-section-heading + .cnvs-block-posts { margin-top: 32px; } .main-content .entry-content .cnvs-block-section-heading + .cnvs-block-posts:first-child, .main-content .entry-summary .cnvs-block-section-heading + .cnvs-block-posts:first-child { margin-top: 0; } .main-content .entry-content .entry-content, .main-content .entry-content .entry-summary, .main-content .entry-summary .entry-content, .main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } @media (min-width: 760px) { .main-content .entry-content .entry-content, .main-content .entry-content .entry-summary, .main-content .entry-summary .entry-content, .main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } } .main-content .entry-content > .alignleft, .main-content .entry-content > .alignright, .main-content .entry-summary > .alignleft, .main-content .entry-summary > .alignright { margin-top: 0; margin-bottom: 0; } /*-------------------------------------------------------------- ## Post Content --------------------------------------------------------------*/ .entry-content { line-height: 1.75; } .entry-content > a, .entry-content > p > a, .entry-content > ul li > a, .entry-content > ol li > a, .entry-content > p > em > a, .entry-content > p > strong > a, .entry-content .cnvs-block-column-inner > p > a, .entry-content .cnvs-block-column-inner > p > strong > a { text-decoration: underline; } .entry-content > a:hover, .entry-content > a:focus, .entry-content > p > a:hover, .entry-content > p > a:focus, .entry-content > ul li > a:hover, .entry-content > ul li > a:focus, .entry-content > ol li > a:hover, .entry-content > ol li > a:focus, .entry-content > p > em > a:hover, .entry-content > p > em > a:focus, .entry-content > p > strong > a:hover, .entry-content > p > strong > a:focus, .entry-content .cnvs-block-column-inner > p > a:hover, .entry-content .cnvs-block-column-inner > p > a:focus, .entry-content .cnvs-block-column-inner > p > strong > a:hover, .entry-content .cnvs-block-column-inner > p > strong > a:focus { text-decoration: none; } .entry-content > blockquote { position: relative; line-height: 1.5; margin-top: 3rem; margin-bottom: 3rem; margin-left: 0; margin-right: 0; padding: 0; border-left: 0; } .entry-content > blockquote:before { display: block; margin-bottom: 1rem; font-size: 2rem; font-family: "cs-icons"; font-weight: normal; content: "\e904"; } .entry-content > blockquote cite { display: block; font-weight: normal; font-style: normal; margin-top: 0.5rem; } .entry-content > blockquote p { line-height: 1.5; } .entry-content > blockquote p:first-child { font-size: inherit; margin-top: 0; } .entry-content > blockquote p:last-child { margin-bottom: 0; } .style-align-center .entry-content > blockquote { text-align: center; } .style-align-left .entry-content > blockquote { position: relative; padding-left: 4rem !important; } .style-align-left .entry-content > blockquote:before { position: absolute; left: 0; top: 0; } .entry-content cite { color: rgba(0, 0, 0, 0.5); } .entry-content .wp-caption-dd { color: rgba(0, 0, 0, 0.5); margin-left: 0; } .entry-content .cs-embed { margin-top: 48px; margin-bottom: 48px; } .alignnone { max-width: 100%; } .alignleft { float: none; margin-right: 0; max-width: 100%; } @media (min-width: 760px) { .alignleft { float: left; margin-right: 2rem; } } .alignright { float: none; margin-left: 0; max-width: 100%; } @media (min-width: 760px) { .alignright { float: right; margin-left: 2rem; } } .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; max-width: 100%; } .aligncenter .wp-caption-text, .aligncenter .wp-caption-dd { text-align: center; } img.alignleft, img.alignright { margin-bottom: 1rem; } .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 100%; } @media (min-width: 760px) { .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: calc(50% - 1rem); } } /** =========== Blocks =========== */ .wp-block-columns > *:first-child { margin-top: 0; } .wp-block-columns > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 600px) { .wp-block-columns { flex-wrap: nowrap; } } p.has-background { padding: 1.5rem 2rem; } p > code { color: inherit; } p.wp-block-subhead { font-size: 1.25rem; color: #6c757d; opacity: 1; } p.has-drop-cap:not(:focus):first-letter { font-size: 4rem; line-height: 1; margin-top: 0.5rem; margin-right: 2rem; margin-bottom: 0.5rem; } .wp-block-separator:not(.is-style-dots) { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; margin-left: 0; margin-right: auto; } .wp-block-separator.is-style-dots { border: none; text-align: left; } .wp-block-separator.is-style-dots:before { padding-left: 0; color: #6c757d; } .wp-block-button { margin-bottom: 0; } .wp-block-button .wp-block-button__link { display: inline-block; padding: 0.375rem 1rem; transition: 0.2s; } .wp-block-button .wp-block-button__link:not(.has-background) { background-color: #007bff; } .wp-block-button .wp-block-button__link:not(.has-text-color) { color: white; } .wp-block-button .wp-block-button__link:hover { cursor: pointer; } .wp-block-code { background-color: rgba(0, 0, 0, 0.05); padding: 1rem 1.5rem; font-family: Menlo, Consolas, monaco, monospace; line-height: 1.75; font-size: 0.875rem; color: inherit; white-space: pre-wrap; border-radius: 0; border: none; } .wp-block-code .editor-plain-text { background-color: transparent; color: inherit; } .wp-block-preformatted { background-color: rgba(0, 0, 0, 0.05); padding: 1rem 1.5rem; } .wp-block-preformatted pre { padding: 0; } .wp-block-preformatted, .wp-block-preformatted pre { font-family: Menlo, Consolas, monaco, monospace; line-height: 1.75; font-size: 0.875rem; color: inherit; white-space: pre-wrap; } .wp-block-verse { background-color: rgba(0, 0, 0, 0.05); padding: 1rem 1.5rem; } .wp-block-verse pre { padding: 0; } .wp-block-verse, .wp-block-verse pre { font-family: Menlo, Consolas, monaco, monospace; line-height: 1.75; font-size: 0.875rem; color: inherit; overflow: auto; } .wp-block-audio figcaption { color: #6c757d; } .wp-block-embed figcaption { color: #6c757d; } .wp-block-video video { width: 100%; } .wp-block-media-text p:last-child { margin-bottom: 0; } @media (max-width: 759.98px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 8%; padding-bottom: 0; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { padding-top: 0; padding-bottom: 8%; } } .wp-block-image figcaption { color: #6c757d; text-align: center; } @media (min-width: 760px) { .wp-block-image figcaption { text-align: initial; } } .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption, .wp-block-image .alignfull figcaption { text-align: center; } .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption { text-align: center; } .wp-block-image .alignleft, .wp-block-image.alignleft { float: none; margin-right: 0; } @media (min-width: 760px) { .wp-block-image .alignleft, .wp-block-image.alignleft { float: left; margin-right: 2rem; } } .wp-block-image .alignright, .wp-block-image.alignright { float: none; margin-left: 0; } @media (min-width: 760px) { .wp-block-image .alignright, .wp-block-image.alignright { float: right; margin-left: 2rem; } } @media (max-width: 759.98px) { .wp-block-image .alignleft, .wp-block-image .alignright { margin-left: auto; margin-right: auto; } } .wp-block-group.has-background { padding: 40px; } .wp-block-cover, .wp-block-cover-image { min-height: auto; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; } .wp-block-cover.has-background-dim, .wp-block-cover-image.has-background-dim { padding: 40px; } .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { position: relative; line-height: 1.5; margin-top: 3rem; margin-bottom: 3rem; padding: 0; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 0; } .wp-block-quote:before { display: block; margin-bottom: 1rem; font-family: "cs-icons"; font-weight: normal; content: "\e904"; } .wp-block-quote p { line-height: 1.5; } .wp-block-quote p:first-child { font-size: inherit; margin-top: 0; } .wp-block-quote p:last-child { margin-bottom: 0; } .wp-block-quote cite { line-height: 1.5; } .wp-block-quote .wp-block-quote__citation { line-height: 1.5; } .wp-block-quote.is-large p, .wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p, .wp-block-quote.is-style-large p:first-child { font-size: 2.5rem; font-style: normal; line-height: 1.6; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 0.85rem; text-align: left; } .style-align-center .wp-block-quote { text-align: center; } .style-align-center .wp-block-quote.is-style-large cite, .style-align-center .wp-block-quote.is-style-large footer { text-align: center; } .style-align-left .wp-block-quote { position: relative; padding-left: 4rem !important; text-align: left; } .style-align-left .wp-block-quote:before { position: absolute; left: 0; top: 0; } .style-align-left .wp-block-quote.is-style-large cite, .style-align-left .wp-block-quote.is-style-large footer { text-align: left; } .wp-block-pullquote { border-top: 4px solid #000000; border-bottom: 4px solid #000000; padding: 2rem 1rem; } .wp-block-pullquote blockquote { margin: 0; } .wp-block-pullquote blockquote.has-text-color p, .wp-block-pullquote blockquote.has-text-color cite, .wp-block-pullquote blockquote.has-text-color footer, .wp-block-pullquote blockquote.has-text-color .wp-block-pullquote__citation { color: inherit; } .wp-block-pullquote p { font-size: 1.75rem; line-height: 1.5; } .wp-block-pullquote .alignleft p, .wp-block-pullquote .alignright p { font-size: 1.25rem; } .wp-block-pullquote blockquote:not(.has-text-color) { color: #007bff; } .wp-block-pullquote blockquote:not(.has-text-color) cite, .wp-block-pullquote blockquote:not(.has-text-color) footer, .wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation { font-style: italic; } .wp-block-latest-comments { border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; padding: 2rem 0; margin: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { margin: 2rem 0 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment > article { border: none !important; margin: 0 !important; padding: 0 !important; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: #6c757d; font-size: 0.875rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: inherit; margin: 0.5rem 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-posts, .wp-block-categories-list, .wp-block-categories__list, .wp-block-archives-list { padding-left: 0; list-style: none; padding-left: 0; padding-right: 0; text-align: left; } .wp-block-latest-posts li, .wp-block-categories-list li, .wp-block-categories__list li, .wp-block-archives-list li { display: flex; align-items: center; flex-wrap: wrap; } .wp-block-latest-posts > li a, .wp-block-categories-list > li a, .wp-block-categories__list > li a, .wp-block-archives-list > li a { padding-top: 0.25rem; padding-bottom: 0.25rem; } .wp-block-latest-posts > li > a, .wp-block-categories-list > li > a, .wp-block-categories__list > li > a, .wp-block-archives-list > li > a { display: flex; position: relative; padding-left: 2rem; } .wp-block-latest-posts > li > a:before, .wp-block-categories-list > li > a:before, .wp-block-categories__list > li > a:before, .wp-block-archives-list > li > a:before { position: absolute; left: 0; top: 8px; font-family: "cs-icons"; content: "\e91d"; color: #ced4da; font-size: 14px; margin-right: 1rem; display: inline-block; transition: .2s ease all; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 100%; } .wp-block-latest-posts > li > a:hover, .wp-block-categories-list > li > a:hover, .wp-block-categories__list > li > a:hover, .wp-block-archives-list > li > a:hover { color: #007bff; } .wp-block-latest-posts > li > a:hover:before, .wp-block-categories-list > li > a:hover:before, .wp-block-categories__list > li > a:hover:before, .wp-block-archives-list > li > a:hover:before { color: #fff; transition: .2s ease all; background: #6c757d; } .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-categories-list .wp-block-latest-posts__post-date, .wp-block-categories__list .wp-block-latest-posts__post-date, .wp-block-archives-list .wp-block-latest-posts__post-date { margin-left: 2rem; flex: 0 0 100%; font-size: 0.875rem; color: #6c757d; } .wp-block-latest-posts .children, .wp-block-latest-posts .wp-block-categories__list, .wp-block-categories-list .children, .wp-block-categories-list .wp-block-categories__list, .wp-block-categories__list .children, .wp-block-categories__list .wp-block-categories__list, .wp-block-archives-list .children, .wp-block-archives-list .wp-block-categories__list { flex: 0 0 100%; } .wp-block-categories > .wp-block-categories__list { padding: 0; } .wp-block-archives.wp-block-archives-list { padding: 0; } .wp-block-categories-list a, .wp-block-categories__list a, .wp-block-archives-list a { padding-right: 0.5rem; } .wp-block-gallery { align-items: flex-start; } .wp-block-gallery .blocks-gallery-item figure { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .wp-block-gallery .blocks-gallery-item figcaption { background: transparent; position: relative; padding: 0; min-height: initial; color: inherit; padding-top: 1rem; text-align: left; } .wp-block-search { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .wp-block-search .wp-block-search__input { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .wp-block-search .wp-block-search__button { border: none; margin-left: 0; line-height: 1.5rem; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Alignment --------------------------------------------------------------*/ /** * Default */ .cs-text-center { text-align: center; } .valign { display: table-cell; vertical-align: middle; } /** * Middle Alignment */ .style-align-center .section-heading { text-align: center; } .style-align-center .authentic_widget_about, .style-align-center .authentic_widget_author { text-align: center; } .style-align-center .overlay-outer { align-items: center; justify-content: center; } .style-align-center .overlay-inner { text-align: center; } .style-align-center .post-featured .overlay-inner .post-share { justify-content: center; } .style-align-center .page-header { text-align: center; } .style-align-center .page-header .pk-social-links-items { justify-content: center; } /** * Left Alignment */ .style-align-left .overlay-outer { align-items: flex-start; justify-content: flex-end; } /*-------------------------------------------------------------- ## Display --------------------------------------------------------------*/ .cs-d-none { display: none !important; } .cs-d-inline { display: inline !important; } .cs-d-inline-block { display: inline-block !important; } .cs-d-block { display: block !important; } .cs-d-flex { display: flex !important; } @media (min-width: 760px) { .cs-d-sm-none { display: none !important; } .cs-d-sm-inline { display: inline !important; } .cs-d-sm-inline-block { display: inline-block !important; } .cs-d-sm-block { display: block !important; } .cs-d-sm-flex { display: flex !important; } } @media (min-width: 1020px) { .cs-d-md-none { display: none !important; } .cs-d-md-inline { display: inline !important; } .cs-d-md-inline-block { display: inline-block !important; } .cs-d-md-block { display: block !important; } .cs-d-md-flex { display: flex !important; } } @media (min-width: 1120px) { .cs-d-lg-none { display: none !important; } .cs-d-lg-inline { display: inline !important; } .cs-d-lg-inline-block { display: inline-block !important; } .cs-d-lg-block { display: block !important; } .cs-d-lg-flex { display: flex !important; } } @media (min-width: 1240px) { .cs-d-xl-none { display: none !important; } .cs-d-xl-inline { display: inline !important; } .cs-d-xl-inline-block { display: inline-block !important; } .cs-d-xl-block { display: block !important; } .cs-d-xl-flex { display: flex !important; } } /*-------------------------------------------------------------- ## Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .says, .screen-reader-text { overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; width: 1px; height: 1px; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* Themecheck compatibility */ .sticky { font-size: inherit; } .gallery-caption, .sticky, .wp-caption, .wp-caption-text { font-size: inherit; } .display-table { display: table; width: 100%; height: 100%; } /*-------------------------------------------------------------- ## Alerts --------------------------------------------------------------*/ .cs-alert { padding: 0.5rem 1rem; margin: 0; font-size: 0.875rem; background-color: #f8f9fa; } /*-------------------------------------------------------------- ## Embed --------------------------------------------------------------*/ .cs-embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .cs-embed-responsive::before { display: block; content: ""; } .cs-embed-responsive iframe, .cs-embed-responsive embed, .cs-embed-responsive object, .cs-embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .cs-embed-responsive:before { padding-top: 56.25%; } .cs-embed-responsive-16by9:before { padding-top: 56.25%; } .wp-block-embed .cs-embed-responsive { position: initial; margin: 0; padding: 0; overflow: initial; } .wp-block-embed .cs-embed-responsive:before { display: none; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site --------------------------------------------------------------*/ .cs-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 760px) { .cs-container { max-width: 720px; } } @media (min-width: 1020px) { .cs-container { max-width: 1000px; } } @media (min-width: 1120px) { .cs-container { max-width: 1080px; } } @media (min-width: 1240px) { .cs-container { max-width: 1200px; } } .cs-container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 1440px) { .container-wide .cs-container { max-width: 1400px; padding-left: 15px; padding-right: 15px; } .container-wide .layout-sidebar .main-content { margin-left: -15px; margin-right: -15px; } .container-wide .layout-sidebar .content-area { flex: 0 0 1050px; max-width: 1050px; padding-left: 15px; padding-right: 15px; } .container-wide .layout-sidebar .sidebar-area { flex: 0 0 350px; max-width: 350px; padding-left: 15px; padding-right: 15px; } .container-wide .layout-sidebar-left .sidebar-area { padding-right: 35px; } .container-wide .layout-sidebar-right .sidebar-area { padding-left: 35px; } .container-wide .archive-masonry, .container-wide .archive-grid { margin-left: -15px; margin-right: -15px; } .container-wide .archive-masonry .archive-col, .container-wide .archive-masonry > article, .container-wide .archive-masonry > section, .container-wide .archive-grid > article, .container-wide .archive-grid > .widget { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1640px) { .container-wide .cs-container { max-width: 1600px; padding-left: 20px; padding-right: 20px; } .container-wide .layout-sidebar .main-content { margin-left: -20px; margin-right: -20px; } .container-wide .layout-sidebar .content-area { flex: 0 0 1240px; max-width: 1240px; padding-left: 20px; padding-right: 20px; } .container-wide .layout-sidebar .sidebar-area { flex: 0 0 360px; max-width: 360px; padding-left: 20px; padding-right: 20px; } .container-wide .layout-sidebar-left .sidebar-area { padding-right: 40px; } .container-wide .layout-sidebar-right .sidebar-area { padding-left: 40px; } .container-wide .archive-masonry, .container-wide .archive-grid { margin-left: -20px; margin-right: -20px; } .container-wide .archive-masonry .archive-col, .container-wide .archive-masonry > article, .container-wide .archive-masonry > section, .container-wide .archive-grid > article, .container-wide .archive-grid > .widget { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1020px) { .layout-sidebar .main-content { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .layout-sidebar .content-area { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 660px; max-width: 660px; min-width: 0; } .layout-sidebar .sidebar-area { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 340px; max-width: 340px; min-width: 0; } } @media (min-width: 1120px) { .layout-sidebar .content-area { flex: 0 0 720px; max-width: 720px; } .layout-sidebar .sidebar-area { flex: 0 0 360px; max-width: 360px; } } @media (min-width: 1240px) { .layout-sidebar .content-area { flex: 0 0 840px; max-width: 840px; } } @media (min-width: 1120px) { .layout-sidebar-left .content-area { order: 1; } } @media (min-width: 1120px) { .layout-sidebar-left .sidebar-area { padding-right: 40px; } } @media (min-width: 1120px) { .layout-sidebar-right .sidebar-area { padding-left: 40px; } } .site-content { margin-top: 3rem; margin-bottom: 3rem; } .has-full-block .site-content, .has-full-padding-block .site-content { margin-top: 0; } section.custom-content { margin-bottom: 0; } section.custom-content > *:last-child { margin-bottom: 0; } .post-sidebar { display: none; } .post-main { max-width: 800px; margin-left: auto; margin-right: auto; } .layout-narrow-disabled .post-main { max-width: 100%; } .block-align-enabled .layout-narrow-enabled.layout-fullwidth .entry-content .alignwide img { width: 100%; min-width: 100%; } .block-align-enabled .layout-narrow-enabled.layout-fullwidth .entry-content .alignwide figcaption { text-align: center; } @media (min-width: 1120px) { .block-align-enabled .layout-narrow-enabled.layout-fullwidth .entry-content .alignwide { transform: translateX(-120px); width: 1040px !important; max-width: 1040px; margin: 3rem 0; } } @media (min-width: 1240px) { .block-align-enabled .layout-narrow-enabled.layout-fullwidth .entry-content .alignwide { transform: translateX(-180px); width: 1160px !important; max-width: 1160px; } } @media (min-width: 1240px) { .block-align-enabled .layout-narrow-enabled.layout-fullwidth.post-sidebar-enabled .entry-content .alignwide { transform: translateX(-280px); } } @media (min-width: 1120px) { .block-align-enabled .layout-fullwidth .entry-content .alignfull { margin: 3rem 0; margin-left: calc( -50vw + 50%); transform: translateX(0); width: 100vw !important; max-width: 100vw; } .block-align-enabled .layout-fullwidth .entry-content .alignfull img { width: 100%; min-width: 100%; } .block-align-enabled .layout-fullwidth .entry-content .alignfull figcaption { text-align: center; } } @media (min-width: 1120px) { .block-page-align-enabled .layout-fullwidth .entry-content .alignfull { margin: 3rem 0; margin-left: calc( -50vw + 50%); transform: translateX(0); width: 100vw !important; max-width: 100vw; } .block-page-align-enabled .layout-fullwidth .entry-content .alignfull img { width: 100%; min-width: 100%; } .block-page-align-enabled .layout-fullwidth .entry-content .alignfull figcaption { text-align: center; } } @media (min-width: 1240px) { .block-align-enabled .layout-fullwidth.post-sidebar-enabled .entry-content .alignfull { margin-left: calc( -50vw + 50% - 40px); } } @media (min-width: 1240px) { .post-sidebar-enabled .post-wrap { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-sidebar-enabled .post-wrap .post-sidebar { display: block; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 80px; max-width: 80px; } .post-sidebar-enabled .post-wrap .post-main { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 720px; max-width: 720px; min-width: 0; } .post-sidebar-enabled.layout-fullwidth .post-wrap { margin-left: auto; margin-right: auto; max-width: 800px; position: relative; } .post-sidebar-enabled.layout-fullwidth .post-wrap .post-sidebar { padding: 0; } .post-sidebar-enabled.layout-narrow-disabled .post-main { flex: 0 0 calc(100% - 80px); max-width: 100%; } .post-sidebar-enabled.layout-narrow-disabled .post-wrap { max-width: none; margin-left: -20px; margin-right: -20px; } } @media (min-width: 1240px) { .post-sidebar-enabled.layout-sidebar-left .post-sidebar { order: 1; } } @media (max-width: 1019.98px) { .layout-sidebar .content-area { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px #e9ecef solid; } } /** * Masonry Widgets */ .sidebar-area .sidebar-1 { margin-left: auto; margin-right: auto; } .sidebar-area .sidebar-2 { display: none; } @media (min-width: 760px) { .sidebar-area { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .sidebar-area .sidebar { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; position: initial; } .sidebar-area .sidebar-1 { padding-right: 40px; } .sidebar-area .sidebar-2 { display: block; padding-left: 39px; border-left: 1px #e9ecef solid; } } @media (min-width: 1020px) { .sidebar-area { margin-left: 0; margin-right: 0; } .sidebar-area .sidebar { flex: 0 0 100%; max-width: 100%; position: relative; } .sidebar-area .sidebar-1 { padding-left: 0; padding-right: 0; } .sidebar-area .sidebar-2 { display: none !important; } } @supports ((position: -webkit-sticky) or (position: sticky)) or (position: -webkit-sticky) { .sticky-sidebar-enabled .post-sidebar .pk-share-buttons-wrap { transition: .2s ease all; position: -webkit-sticky; position: sticky; top: 60px; } @media (min-width: 1020px) { .sticky-sidebar-enabled.stick-to-top .sidebar-area { display: flex; flex-direction: column; } .sticky-sidebar-enabled.stick-to-top .sidebar-1 { position: relative; position: -webkit-sticky; position: sticky; top: 0; flex: initial; transition: .4s ease all; } .sticky-sidebar-enabled.stick-to-bottom .sidebar-area { display: flex; flex-direction: column; } .sticky-sidebar-enabled.stick-to-bottom .sidebar-1 { position: relative; position: -webkit-sticky; position: sticky; bottom: 3rem; margin-top: auto; flex: 0 0 auto; } .sticky-sidebar-enabled.stick-last .sidebar-1 { display: flex; flex-direction: column; } .sticky-sidebar-enabled.stick-last .sidebar-1 .widget:last-child { position: relative; position: -webkit-sticky; position: sticky; top: 2rem; transition: .2s ease all; } } } @-moz-document url-prefix() { @media (min-width: 1020px) { .sticky-sidebar-enabled.stick-to-bottom .sidebar-1 { top: 0; bottom: initial; margin-top: initial; flex: initial; transition: .4s ease all; } } } /*-------------------------------------------------------------- ## Site Header --------------------------------------------------------------*/ .header .cs-container, .header .cs-container-fluid { display: flex; } .header .site-title { white-space: nowrap; } .header .site-description { margin-top: 1rem; margin-bottom: 0; } .header .logo-image { max-width: none; } .header-col { display: flex; flex-direction: column; align-items: center; justify-content: center; max-height: 100%; } .header-left .cs-container, .header-left .cs-container-fluid { justify-content: space-between; } .header-left .header-col:first-child > div { line-height: 1; } .header-center .header-col { flex: 1; } .header-center .header-col-left > div { margin-right: auto; } .header-center .header-col-center > div { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; } .header-center .header-col-right > div { margin-left: auto; } .header-logo .header-col { margin-right: auto; margin-left: auto; } .header-logo .header-col > div { display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-enabled .page-header-type-large { position: relative; z-index: 15; background: transparent; } .header-light a { color: rgba(255, 255, 255, 0.75); } .header-light a:hover, .header-light a:focus { color: white; } .header-light .button { color: white; } .header-light .site-title, .header-light .navbar-toggle { color: white; } .header-light .site-title:hover, .header-light .site-title:focus, .header-light .navbar-toggle:hover, .header-light .navbar-toggle:focus { color: rgba(255, 255, 255, 0.75); } .header-light .site-description { color: rgba(255, 255, 255, 0.75); } .site-header .header-background { position: relative; } .site-header .header-light .pk-social-links-wrap .pk-icon { color: white; } .site-header .header-light .pk-social-links-wrap .pk-social-links-title, .site-header .header-light .pk-social-links-wrap .pk-social-links-count, .site-header .header-light .pk-social-links-wrap .pk-social-links-label { color: rgba(255, 255, 255, 0.75); } .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-icon, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-title, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-count, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-label, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-icon, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-title, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-count, .site-header .header-light .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-label { color: white; } /*-------------------------------------------------------------- ## Site Footer --------------------------------------------------------------*/ .footer-section > .cs-container > * { padding-top: 3rem; padding-bottom: 3rem; } .footer-section + .footer-section > .cs-container > * { border-top: 1px #e9ecef solid; } @media (max-width: 1019.98px) { .footer-sidebars .sidebar-footer + .sidebar-footer { margin-top: 3rem; } } @media (min-width: 1020px) { .footer-sidebars { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-right: -15px; margin-left: -15px; } .footer-sidebars .sidebar-footer { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-right: 15px; padding-left: 15px; } } @media (min-width: 1120px) { .footer-sidebars { margin-right: -20px; margin-left: -20px; } .footer-sidebars .sidebar-footer { padding-right: 20px; padding-left: 20px; } } @media (max-width: 1019.98px) { .sidebar-footer + .sidebar-footer:last-child .widget { margin-top: 3rem; padding-top: 3rem; border-top-width: 1px; border-top-style: solid; } } .footer-subscribe { text-align: center; } @media (min-width: 760px) { .footer-subscribe .subscribe-container { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; margin: 0 auto; padding: 0; } } @media (min-width: 1020px) { .footer-subscribe .subscribe-container { flex: 0 0 50%; max-width: 50%; } } .site-footer .site-logo, .site-footer .site-title { display: inline-block; margin-bottom: 1rem; } .sidebar-footer .post-tags a:hover, .sidebar-footer .post-tags a:focus, .sidebar-footer .tagcloud a:hover, .sidebar-footer .tagcloud a:focus { color: white; } .footer-copyright { line-height: 1; } .navbar-footer { margin-bottom: 1rem; } .navbar-footer .navbar-nav { flex-direction: row; } @media (min-width: 760px) { .site-logo + .navbar-footer, .site-title + .navbar-footer { float: right; } } /*-------------------------------------------------------------- ## Site Search --------------------------------------------------------------*/ /* * Search Fullscreen */ @media (min-width: 1120px) { .site-search-wrap { max-width: 50%; margin-left: auto; margin-right: auto; } } .search-form .search-submit { border-top-left-radius: 0; border-bottom-left-radius: 0; } @-webkit-keyframes fade-zoom-in { 0% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } @keyframes fade-zoom-in { 0% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } .search-open { overflow: hidden; position: fixed; width: 100%; } #search { display: none; position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background: white; -webkit-animation: fade-zoom-in 0.3s forwards; animation: fade-zoom-in 0.3s forwards; -webkit-backface-visibility: hidden; } #search .form-container { position: fixed; top: 50%; right: 0; left: 0; margin-top: -2rem; } #search.open { display: block; } #search form { text-align: center; } #search form::after { display: block; clear: both; content: ""; } #search input[type="search"] { width: 100%; border: none; color: black; background: transparent; font-size: 2rem; } #search input[type="search"]::-webkit-input-placeholder { color: black; text-align: center; } #search input[type="search"]:-moz-placeholder { color: black; text-align: center; } #search input[type="search"]:-ms-input-placeholder { color: black; text-align: center; } #search .cs-input-group { display: block; } #search .cs-input-group-btn { display: none; } #search p { margin-top: 1rem; color: #dee2e6; font-size: 0.875rem; text-align: center; } #search .close { position: fixed; top: 3rem; right: 3rem; border: none; opacity: 1; color: black; background: transparent; text-shadow: none; font-size: 1.75rem; } #search .close:after { font-family: "cs-icons"; content: "\e923"; } /*-------------------------------------------------------------- ## Off-Canvas Area --------------------------------------------------------------*/ .offcanvas { overflow: hidden; position: fixed; height: 100%; top: 0; left: -320px; width: 320px; background: white; display: flex; flex-direction: column; -webkit-overflow-scrolling: touch; z-index: 2; transform: translate3d(0, 0, 0); } .admin-bar .offcanvas { top: 46px; height: calc( 100% - 46px); } @media screen and (min-width: 783px) { .admin-bar .offcanvas { top: 32px; height: calc( 100% - 32px); } } .offcanvas-active { overflow: hidden; } .offcanvas-active .offcanvas { transform: translate3d(320px, 0, 0); } .offcanvas-active .site { position: relative; overflow: hidden; } .offcanvas-active .site-inner, .offcanvas-active .offcanvas-push { transform: translate3d(320px, 0, 0); } .offcanvas-header .navbar-toggle { float: right; margin-right: 0; margin-left: 1rem; transition: opacity 0.2s ease; } .offcanvas-header .navbar-brand { margin-left: 20px; } .offcanvas-header .navbar-toggle { margin-right: 20px; } .navbar-offcanvas { display: flex; align-items: center; justify-content: space-between; width: 100%; } .navbar-offcanvas.navbar-border { border-top: none; } .offcanvas-sidebar { flex: 1; overflow-x: hidden; overflow-y: auto; } .offcanvas-inner { padding: 2rem; } .site-inner { position: relative; left: 0; } .site-inner, .offcanvas, .offcanvas-push { transition: all 0.4s ease; } .site-overlay { display: none; } .offcanvas-active .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); -webkit-animation: fade 0.5s; animation: fade 0.5s; z-index: 1; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .post-share { display: flex; align-items: center; margin-top: 1.5rem; } .archive-standard .post-share { margin-top: 2rem; } .post-share .title-share { display: flex; align-items: center; margin-right: 1rem; } .post-share .title-share .cs-icon { margin-left: 1rem; } .post-thumbnail { display: block; overflow: hidden; position: relative; background-position: center center; background-size: cover; text-align: center; } .post-thumbnail:before { display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; content: ""; transition: all 0.2s ease; } .post-thumbnail:hover:before { opacity: 1; } .post-thumbnail > a { display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } .post-thumbnail .post-format { display: none; align-items: center; position: absolute; z-index: 1; top: 1rem; left: 1rem; font-weight: 400; padding: 0.375rem 1rem; } .post-thumbnail .post-format:before { font-family: "cs-icons"; } .post-thumbnail .post-format span { margin-left: 0.25rem; } .post-thumbnail .post-more { position: absolute; z-index: 1; top: 50%; right: 2rem; left: 2rem; margin: 0; opacity: 0; text-align: center; transition: all 0.2s 0.1s ease; transform: translateY(-50%); } .post-thumbnail .post-more .button-link { color: white; } .post-thumbnail:hover .post-more { opacity: 1; } .post-thumbnail .post-meta { position: absolute; z-index: 1; right: 2rem; bottom: -10%; left: 2rem; margin: 0; padding: 1rem 0; border-top: 1px rgba(255, 255, 255, 0.2) solid; opacity: 0; color: #e9ecef; transition: all 0.3s ease; } .post-thumbnail:hover .post-meta { bottom: 0; opacity: 1; } .post-more { margin-top: 1.5rem; } .post-more .wp-block-button { display: inline-flex; } .archive-standard .post-more { margin-top: 2rem; } .format-image .post-thumbnail .post-format { display: flex; } .format-image .post-thumbnail .post-format:before { content: "\e905"; } .format-gallery .post-thumbnail .post-format { display: flex; } .format-gallery .post-thumbnail .post-format:before { content: "\e905"; } .format-video .post-thumbnail .post-format { display: flex; } .format-video .post-thumbnail .post-format:before { content: "\e907"; } .format-audio .post-thumbnail .post-format { display: flex; } .format-audio .post-thumbnail .post-format:before { content: "\e901"; } /*-------------------------------------------------------------- ## Post Archive --------------------------------------------------------------*/ .post-archive .post-inner > *:last-child { margin-bottom: 0; } .post-archive article .post-meta { margin: 0; } .post-archive article .entry-title { margin: 0; } .post-archive article .post-meta:not(:first-child) { margin-top: 1rem; } .post-archive article .entry-title:not(:first-child) { margin-top: 1rem; } .post-archive article .post-excerpt:not(:first-child) { margin-top: 1rem; } .post-archive article .post-excerpt:not(:last-child) { margin-bottom: 1rem; } .post-archive article .post-more:not(:first-child) { margin-top: 1.5rem; } .post-archive article .post-thumbnail .post-more { margin-top: 0; } .post-archive .pk-widget-posts .post-meta:not(:first-child) { margin-top: 0.25rem; } .post-archive .pk-widget-posts .entry-title:not(:first-child) { margin-top: 0.25rem; } .post-archive .pk-widget-posts-template-large .post-meta:not(:first-child) { margin-top: 1rem; } .post-archive .pk-widget-posts-template-large .entry-title:not(:first-child) { margin-top: 1rem; } .post-archive .post:not(.post-standard) .post-excerpt { font-size: 0.9em; } .post-archive article + article, .post-archive .widget + article, .post-archive article + .widget, .post-archive .widget + .widget { margin-top: 4rem; } .archive-first + .archive-main { margin-top: 3rem; } .archive-first + .archive-list { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid transparent; } .layout-fullwidth .archive-standard article + article, .layout-fullwidth .archive-standard .widget + article, .layout-fullwidth .archive-standard article + .widget, .layout-fullwidth .archive-standard .widget + .widget { margin-top: 6rem; } .layout-fullwidth .archive-standard section.widget .widget-wrap { padding: 6rem 0; } .layout-fullwidth .archive-standard .post-more, .layout-fullwidth .archive-standard .post-share { margin-top: 3rem; } .layout-fullwidth .archive-standard .post-featured .entry-header { max-width: 800px; margin-right: auto; margin-left: auto; } .layout-fullwidth .archive-standard .entry-content, .layout-fullwidth .archive-standard .entry-header { max-width: 800px; margin-right: auto; margin-left: auto; } .style-align-center .post-standard .entry-content, .style-align-center .post-standard .post-media { text-align: left; } .style-align-center .post-standard .post-more { text-align: center; } .style-align-center .post-masonry:not(.post-featured) .post-share, .style-align-center .post-grid:not(.post-featured) .post-share, .style-align-center .post-standard:not(.post-featured) .post-share { justify-content: center; } .style-align-left .post-masonry .post-inner + .post-inner::after, .style-align-left .post-grid .post-inner + .post-inner::after { display: block; clear: both; content: ""; } .style-align-left .post-masonry .post-inner + .post-inner .post-more, .style-align-left .post-grid .post-inner + .post-inner .post-more { width: 50%; float: left; } .style-align-left .post-masonry .post-inner + .post-inner .post-more + .post-share, .style-align-left .post-grid .post-inner + .post-inner .post-more + .post-share { width: 50%; float: right; justify-content: flex-end; } .style-align-left .post-masonry .post-inner + .post-inner .post-more + .post-share .title-share, .style-align-left .post-grid .post-inner + .post-inner .post-more + .post-share .title-share { display: none; } .style-align-left .post-masonry:not(.post-featured) .post-excerpt + .post-share, .style-align-left .post-grid:not(.post-featured) .post-excerpt + .post-share, .style-align-left .post-standard:not(.post-featured) .post-excerpt + .post-share { justify-content: space-between; } @media (min-width: 760px) { .archive-grid { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .archive-grid > article, .archive-grid > .widget { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } .archive-grid > article:nth-child(-n+2), .archive-grid > .widget:nth-child(-n+2) { margin-top: 0; } } @media (min-width: 1020px) { .layout-fullwidth .archive-grid.columns-3 > article, .layout-fullwidth .archive-grid.columns-3 > section, .layout-fullwidth .archive-grid.columns-4 > article, .layout-fullwidth .archive-grid.columns-4 > section { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .layout-fullwidth .archive-grid.columns-3 > article:nth-child(-n+3), .layout-fullwidth .archive-grid.columns-3 > section:nth-child(-n+3), .layout-fullwidth .archive-grid.columns-4 > article:nth-child(-n+3), .layout-fullwidth .archive-grid.columns-4 > section:nth-child(-n+3) { margin-top: 0; } } @media (min-width: 1440px) { .layout-sidebar .archive-grid.columns-3 > article, .layout-sidebar .archive-grid.columns-3 > .widget, .layout-sidebar .archive-grid.columns-4 > article, .layout-sidebar .archive-grid.columns-4 > .widget { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .layout-sidebar .archive-grid.columns-3 > article:nth-child(-n+3), .layout-sidebar .archive-grid.columns-3 > .widget:nth-child(-n+3), .layout-sidebar .archive-grid.columns-4 > article:nth-child(-n+3), .layout-sidebar .archive-grid.columns-4 > .widget:nth-child(-n+3) { margin-top: 0; } .layout-fullwidth .archive-grid.columns-4 > article, .layout-fullwidth .archive-grid.columns-4 > .widget { flex: 0 0 25%; max-width: 25%; } .layout-fullwidth .archive-grid.columns-4 > article:nth-child(-n+4), .layout-fullwidth .archive-grid.columns-4 > .widget:nth-child(-n+4) { margin-top: 0; } } @media (min-width: 1640px) { .layout-sidebar .archive-grid.columns-4 > article, .layout-sidebar .archive-grid.columns-4 > .widget { flex: 0 0 25%; max-width: 25%; } .layout-sidebar .archive-grid.columns-4 > article:nth-child(-n+4), .layout-sidebar .archive-grid.columns-4 > .widget:nth-child(-n+4) { margin-top: 0; } } .post-list + .post, .post + .post-list { margin-top: 3rem; padding-top: 3rem; border-top: 1px #e9ecef solid; } @media (min-width: 760px) { .post-list .post-list-one-third { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-list .post-list-one-third .post-list-media { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .post-list .post-list-one-third .post-list-content { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } @media (min-width: 760px) { .post-list .post-list-half { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-list .post-list-half .post-list-media { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } .post-list .post-list-half .post-list-content { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1020px) { .post-list .post-list-half .post-list-media { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .post-list .post-list-half .post-list-content { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } @media (min-width: 1120px) { .post-list .post-list-half { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-list .post-list-half .post-list-media { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } .post-list .post-list-half .post-list-content { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 759.98px) { .post-list .post-inner + .post-inner { margin-top: 1.5rem; } } @media (min-width: 760px) { .post-list .post-outer .post-inner:last-child { display: flex; flex-direction: column; justify-content: flex-start; } .post-list .post-more:not(:last-child) { margin-bottom: 1.5rem; } .post-list .post-more:last-child, .post-list .post-share:last-child { margin-top: auto; } } @media (min-width: 1020px) { .post-list .post-outer { margin-right: -15px; margin-left: -15px; } .post-list .post-inner { padding-right: 15px; padding-left: 15px; } .post-list .post-meta li:nth-child(3) { display: none; } .post-list .post-more { display: none; } } @media (min-width: 1120px) { .post-list .post-outer { margin-right: -20px; margin-left: -20px; } .post-list .post-inner { padding-right: 20px; padding-left: 20px; } .post-list .post-meta li:nth-child(3) { display: inline; } .post-list .post-more { display: inline-block; } } @media (min-width: 760px) { .post-archive .archive-compact.archive-list .post-list .post-inner:first-child .post-thumbnail { margin-top: -1px; height: 100%; } .post-archive .archive-compact.archive-list .post-list .post-inner:first-child .post-thumbnail img { -o-object-fit: cover; object-fit: cover; height: 100%; } .post-archive .archive-compact.archive-list .post-list .post-inner:last-child { padding-top: 30px; padding-bottom: 30px; } .layout-fullwidth .post-archive .archive-compact.archive-list .post-list .post-inner:last-child { padding-top: 40px; padding-bottom: 40px; } .post-archive .archive-compact.archive-list .post-list + .post-list { padding-top: 0; margin-top: -1px; } .post-archive .archive-compact.archive-list .post-featured + .post-list { padding-top: 0; } .post-archive .archive-compact.archive-list .post-list + .post-featured { margin-top: -1px; } .post-archive .archive-compact.archive-list .widget + article, .post-archive .archive-compact.archive-list article + .widget { margin-top: -1px; } .post-archive .archive-compact.archive-masonry, .post-archive .archive-compact.archive-grid { margin-left: 0; margin-right: 0; } .post-archive .archive-compact.archive-masonry .post-featured, .post-archive .archive-compact.archive-grid .post-featured { margin-top: 0; padding: 0; margin-left: -1px; margin-top: -1px; margin-right: 0; margin-bottom: 0; overflow: hidden; } .post-archive .archive-compact.archive-masonry .post-featured .overlay, .post-archive .archive-compact.archive-masonry .post-featured .overlay-media, .post-archive .archive-compact.archive-masonry .post-featured .overlay-media:after, .post-archive .archive-compact.archive-grid .post-featured .overlay, .post-archive .archive-compact.archive-grid .post-featured .overlay-media, .post-archive .archive-compact.archive-grid .post-featured .overlay-media:after { height: 100%; } .post-archive .archive-compact.archive-masonry .post-featured .overlay, .post-archive .archive-compact.archive-grid .post-featured .overlay { max-width: 100%; } .post-archive .archive-compact.archive-masonry section.widget, .post-archive .archive-compact.archive-grid section.widget { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -1px; margin-left: -1px; margin-right: 0; margin-bottom: 0; border: 1px #175175 solid; overflow: hidden; padding: 30px; } .post-archive .archive-compact.archive-masonry section.widget .widget-wrap, .post-archive .archive-compact.archive-grid section.widget .widget-wrap { padding-top: 0; padding-bottom: 0; } .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget { padding: 0; } .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .widget-wrap, .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .widget-body, .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .pk-subscribe-form-wrap, .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .pk-subscribe-container, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .widget-wrap, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .widget-body, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .pk-subscribe-form-wrap, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .pk-subscribe-container { height: 100%; } .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .widget-wrap, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .widget-wrap { max-width: 100%; } .post-archive .archive-compact.archive-masonry section.powerkit_opt_in_subscription_widget .pk-subscribe-container, .post-archive .archive-compact.archive-grid section.powerkit_opt_in_subscription_widget .pk-subscribe-container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .post-archive .archive-compact.archive-masonry + .archive-pagination, .post-archive .archive-compact.archive-grid + .archive-pagination { border-top: none; } .post-archive .archive-compact.archive-grid .post-grid { padding-left: 0; padding-right: 0; } .post-archive .archive-compact.archive-masonry .archive-col, .post-archive .archive-compact.archive-masonry > article { padding-left: 0; padding-right: 0; } .post-archive .archive-compact .post-masonry, .post-archive .archive-compact .post-grid { margin-top: -1px; margin-left: -1px; border: 1px #175175 solid; } .post-archive .archive-compact .post-masonry .post-thumbnail, .post-archive .archive-compact .post-grid .post-thumbnail { margin-left: -1px; margin-right: -1px; margin-top: -1px; } .post-archive .archive-compact .post-masonry .post-outer, .post-archive .archive-compact .post-grid .post-outer { display: flex; height: 100%; flex-direction: column; } .post-archive .archive-compact .post-masonry .post-inner:last-child, .post-archive .archive-compact .post-grid .post-inner:last-child { flex: 1; margin-top: 0; padding: 30px; } .archive-standard + .post-archive .archive-compact { padding-top: 0; } .post-archive .archive-compact + .archive-pagination { margin-top: -1px; } } @media (max-width: 1019.98px) { .col-masonry { width: 100%; } } .archive-masonry + .navigation.pagination { margin-top: 0; } .archive-masonry .archive-col-2, .archive-masonry .archive-col-3, .archive-masonry .archive-col-4 { display: none; } @media (min-width: 760px) { .archive-masonry { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .archive-masonry .archive-col-2 { display: block; } .archive-masonry .archive-col, .archive-masonry > article, .archive-masonry > section { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } .archive-masonry.columns-2 > article:nth-child(-n+4), .archive-masonry.columns-2 > section:nth-child(-n+4) { margin-top: 0; } .archive-masonry.columns-3 > article:nth-child(-n+5), .archive-masonry.columns-3 > section:nth-child(-n+5) { margin-top: 0; } .archive-masonry.columns-4 > article:nth-child(-n+6), .archive-masonry.columns-4 > section:nth-child(-n+6) { margin-top: 0; } } @media (min-width: 1020px) { .archive-masonry .post-meta li:nth-child(3) { display: none; } .layout-fullwidth .archive-masonry.columns-3 .archive-col, .layout-fullwidth .archive-masonry.columns-3 > article, .layout-fullwidth .archive-masonry.columns-3 > section, .layout-fullwidth .archive-masonry.columns-4 .archive-col, .layout-fullwidth .archive-masonry.columns-4 > article, .layout-fullwidth .archive-masonry.columns-4 > section { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .layout-fullwidth .archive-masonry.columns-3 .archive-col-3, .layout-fullwidth .archive-masonry.columns-4 .archive-col-3 { display: block; } .layout-fullwidth .archive-masonry.columns-3 > article:nth-child(-n+6), .layout-fullwidth .archive-masonry.columns-3 > section:nth-child(-n+6) { margin-top: 0; } } @media (min-width: 1120px) { .archive-masonry .post-meta li:nth-child(3) { display: inline-block; } } @media (min-width: 1240px) { .layout-fullwidth .archive-masonry.columns-4 > article:nth-child(-n+8), .layout-fullwidth .archive-masonry.columns-4 > section:nth-child(-n+8) { margin-top: 0; } } @media (min-width: 1440px) { .layout-sidebar .archive-masonry.columns-3 .archive-col, .layout-sidebar .archive-masonry.columns-3 > article, .layout-sidebar .archive-masonry.columns-3 > section, .layout-sidebar .archive-masonry.columns-4 .archive-col, .layout-sidebar .archive-masonry.columns-4 > article, .layout-sidebar .archive-masonry.columns-4 > section { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .layout-sidebar .archive-masonry.columns-3 > article:nth-child(-n+6), .layout-sidebar .archive-masonry.columns-3 > section:nth-child(-n+6), .layout-sidebar .archive-masonry.columns-4 > article:nth-child(-n+6), .layout-sidebar .archive-masonry.columns-4 > section:nth-child(-n+6) { margin-top: 0; } .layout-sidebar .archive-masonry.columns-3 .archive-col-3, .layout-sidebar .archive-masonry.columns-4 .archive-col-3 { display: block; } .layout-fullwidth .archive-masonry.columns-4 .archive-col, .layout-fullwidth .archive-masonry.columns-4 > article, .layout-fullwidth .archive-masonry.columns-4 > section { flex: 0 0 25%; max-width: 25%; } .layout-fullwidth .archive-masonry.columns-4 > article:nth-child(-n+8), .layout-fullwidth .archive-masonry.columns-4 > section:nth-child(-n+8) { margin-top: 0; } .layout-fullwidth .archive-masonry.columns-4 .archive-col-3, .layout-fullwidth .archive-masonry.columns-4 .archive-col-4 { display: block; } } @media (min-width: 1640px) { .layout-sidebar .archive-masonry.columns-4 .archive-col, .layout-sidebar .archive-masonry.columns-4 > article, .layout-sidebar .archive-masonry.columns-4 > section { flex: 0 0 25%; max-width: 25%; } .layout-sidebar .archive-masonry.columns-4 > article:nth-child(-n+8), .layout-sidebar .archive-masonry.columns-4 > section:nth-child(-n+8) { margin-top: 0; } .layout-sidebar .archive-masonry.columns-4 .archive-col-3, .layout-sidebar .archive-masonry.columns-4 .archive-col-4 { display: block; } } .style-align-center .post-masonry, .style-align-center .post-standard, .style-align-center .post-grid { text-align: center; } .post-masonry .post-inner + .post-inner, .post-grid .post-inner + .post-inner { margin-top: 2rem; } .post-featured .post-more { margin-top: 0; } .layout-fullwidth .entry-content > .cs-block-archive-posts[data-layout="standard"], .layout-fullwidth .entry-content > .cs-block-archive-posts[data-layout="list"], .layout-fullwidth .entry-content > .cs-block-archive-posts[data-layout="grid"], .layout-fullwidth .entry-content > .cs-block-archive-posts[data-layout="masonry"] { width: 100vw; max-width: none; margin-left: calc(100% / 2 - 100vw / 2); } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ .navbar-primary { background: #fff; } .sticky-type-slide .navbar-primary.sticky-nav { transform: translateY(calc(-100% - 1rem)); } .sticky-type-slide .navbar-primary.sticky-nav.sticky-nav-slide-visible { transform: translateY(0); transition: transform 0.4s ease; } .navbar-primary.sticky-nav { position: fixed; top: 0; width: 100%; z-index: 5; transform: translateY(0); } .navbar-primary.sticky-nav.sticky-up { transition: transform 0.4s ease; } .navbar-primary.sticky-nav.sticky-nav-slide.sticky-down { transition: transform 0.4s ease; } .admin-bar .navbar-primary.sticky-nav { top: 32px; } .has-full-block .navbar-primary .navbar { border-bottom: none !important; } .navbar-dummy { position: absolute; display: none; } .navbar-primary.sticky-nav + .navbar-dummy { position: relative; display: block; } @media (max-width: 782px) { .admin-bar .navbar-primary.sticky-nav { top: 46px; } } @media (max-width: 600px) { .admin-bar .navbar-primary.sticky-nav { top: 0; } } .sticky-nav .logo-overlay { display: none; } .navbar-primary { position: relative; z-index: 999; } .navbar-primary.inverse-badges-enabled .navbar-nav .sub-menu .pk-badge { background-color: #FFFFFF; } @media (max-width: 759.98px) { .navbar-primary .cs-container { padding-right: 0; padding-left: 0; } .navbar-primary .cs-container .navbar { padding-right: 20px; padding-left: 20px; } } .navbar-primary .cs-container-fluid { width: 100%; padding-right: 0; padding-left: 0; } .navbar-primary .cs-container-fluid .navbar { padding-right: 20px; padding-left: 20px; } .navbar-primary .navbar { display: flex; align-items: center; justify-content: space-between; flex-direction: row; position: relative; margin: 0 auto; } .navbar-primary .navbar .navbar-nav { display: none; } .navbar-primary .navbar .navbar-search, .navbar-primary .navbar .navbar-brand { padding: 0.5rem 0; } @media (min-width: 1120px) { .navbar-primary .navbar .navbar-nav { display: flex; } } @media (min-width: 1120px) { .header-enabled .navbar-primary:not(.sticky-nav) .navbar-brand { display: none; } } .header-disabled .navbar-primary .navbar-brand { display: block; } .header-disabled .navbar-primary.toggle-disabled .navbar-brand { margin-left: 0; } .navbar-toggle { margin-right: 2rem; padding: 0; border: none; background: transparent; font-size: 24px; line-height: 1; cursor: pointer; } @media (min-width: 1120px) { .toggle-disabled .navbar-toggle { display: none; } } .navbar-search { font-size: 18px; } @media (min-width: 1120px) { .search-disabled .navbar-search { display: none; } } .navbar-primary .navbar-search { margin-left: 1rem; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-primary .nav-social { margin-left: auto; } .navbar-primary .nav + .nav-social { margin-left: 0; } .navbar-nav { height: 100%; } .navbar-nav li { display: inline-block; position: relative; } .navbar-nav li a { display: block; } .navbar-nav > li { height: 100%; } .navbar-nav > li > a { display: flex; align-items: center; height: 100%; } .navbar-nav > li + li { margin-left: 2rem; } .navbar-nav > li.menu-item-has-children > .sub-menu { visibility: hidden; opacity: 0; top: 100%; left: -9999px; z-index: 10; } .navbar-nav > li.menu-item-has-children.cs-mm-position-left > .sub-menu { left: auto; right: 0; } .navbar-nav > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { display: block; opacity: 1; visibility: visible; left: 0; } .navbar-nav > li.menu-item-has-children > a:after { content: "\e91f"; } .navbar-nav > li.menu-item-has-children.touch-device > a:after { display: none; } .navbar-nav > li.menu-item-has-children.touch-device.submenu-visible > .sub-menu { display: block; opacity: 1; visibility: visible; left: 0; } .navbar-nav > li.menu-item-has-children.touch-device .expanded { display: flex; align-items: center; height: 100%; } .navbar-nav > li.menu-item-has-children.touch-device .expanded:after { padding-left: 0.25rem; font-family: "cs-icons"; font-size: 12px; content: "\e91f"; } .navbar-nav .menu-item-has-children > a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .navbar-nav .menu-item-has-children > a:after { margin-left: 0.5rem; font-family: "cs-icons"; font-size: 12px; content: "\e921"; } .navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a:after { display: none; } .navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a > .expanded:after { padding-left: 0.5rem; font-family: "cs-icons"; font-size: 12px; content: "\e921"; } .navbar-nav .menu-item-expanded > a:after { content: "\e922" !important; } .navbar-nav .sub-menu { display: block; position: absolute; margin: 0; padding: 1rem 0; text-align: left; list-style: none; } .navbar-nav .sub-menu > li { padding: 0 1rem; } .navbar-nav .sub-menu a { min-width: 200px; padding: 0.5rem 0.5rem; transition: 0.2s ease all; } .navbar-nav .sub-menu a:hover, .navbar-nav .sub-menu a:focus { padding-left: 1.5rem; } .navbar-nav .sub-menu.submenu-visible { display: block; } .navbar-nav .sub-menu .sub-menu { top: -1rem; left: 100%; opacity: 0; transition: all 0.2s ease; transform: translate3d(-0.5rem, 0, 0); display: block; visibility: hidden; left: 100%; opacity: 0; z-index: 1; } .navbar-nav .sub-menu li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); } .navbar-nav .sub-menu.cs-mm-position-init { transform: translate3d(0.5rem, 0, 0); } .navbar-nav li.cs-mm-position-left > .sub-menu { left: auto; right: 100%; } .navbar-nav li:not(.touch-device):hover > .sub-menu { visibility: visible; opacity: 1; } .navbar-nav li:not(.touch-device):hover > .sub-menu.cs-mm-position-init { transform: translate3d(0, 0, 0); } .navbar-nav li li.touch-device.submenu-visible > a { padding-left: 1.5rem; } .navbar-nav li li.touch-device.submenu-visible > .sub-menu { visibility: visible; opacity: 1; } .navbar-nav li li.touch-device.submenu-visible > .sub-menu.cs-mm-position-init { transform: translate3d(0, 0, 0); } /** * Single Level Menu * * Removes caret from single level menus. */ .navbar-lonely li.menu-item-has-children > a:after { display: none; } /** * Mega Menu */ .navbar-nav > li.menu-columns { position: inherit; } .navbar-nav > li.menu-columns:hover > .sub-menu { display: flex !important; right: 0; left: 0; } .navbar-nav > li.menu-columns.menu-center > .sub-menu { justify-content: center; } .navbar-nav > li.menu-columns.menu-justify > .sub-menu { justify-content: space-between; } .navbar-nav > li.menu-columns.menu-equal > .sub-menu > li { flex: 1; max-width: none; } .navbar-nav > li.menu-columns.hide-titles > .sub-menu > li > a { display: none; } .navbar-nav > li.menu-columns > .sub-menu { justify-content: flex-start; padding: 1rem 2rem 1rem; } .navbar-nav > li.menu-columns > .sub-menu > li { max-width: 200px; } .navbar-nav > li.menu-columns > .sub-menu > li > a:hover { padding-left: 1rem; } .navbar-nav > li.menu-columns > .sub-menu .menu-item-has-children + .menu-item-has-children { margin-left: 2rem; } .navbar-nav > li.menu-columns > .sub-menu .menu-item-has-children + .menu-item-has-children > a { border-top: none; } .navbar-nav > li.menu-columns > .sub-menu li, .navbar-nav > li.menu-columns > .sub-menu a { display: block; } .navbar-nav > li.menu-columns > .sub-menu li { padding: 0; } .navbar-nav > li.menu-columns > .sub-menu .menu-item-has-children > a:after { display: none; } .navbar-nav > li.menu-columns > .sub-menu .sub-menu { visibility: visible; position: relative; top: 0; left: 0; padding: 0; border: none; opacity: 1; transform: translate3d(0, 0, 0); } /** * Top Bar */ .topbar .navbar { display: flex; align-items: center; justify-content: space-between; flex-direction: row; } /** * Large Page Header */ .page-header-type-large .navbar-primary:not(.sticky-nav) { background: transparent; } .page-header-type-large .navbar-primary:not(.sticky-nav) .logo-image:not(.logo-overlay) { display: none; } .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar-toggle, .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar-search { color: white; } .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar { border-bottom-color: rgba(255, 255, 255, 0.2); } .page-header-type-large .navbar-primary:not(.sticky-nav) .nav > li > a, .page-header-type-large .navbar-primary:not(.sticky-nav) .site-title, .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar-widgets-btn { color: white; } .page-header-type-large .navbar-primary:not(.sticky-nav) .nav > li > a:hover, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav > li > a:focus, .page-header-type-large .navbar-primary:not(.sticky-nav) .site-title:hover, .page-header-type-large .navbar-primary:not(.sticky-nav) .site-title:focus, .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar-widgets-btn:hover, .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar-widgets-btn:focus { color: rgba(255, 255, 255, 0.75); } .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-icon { color: white; } .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-title, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-count, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-label { color: rgba(255, 255, 255, 0.75); } .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-icon, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-title, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-count, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-label, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-icon, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-title, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-count, .page-header-type-large .navbar-primary:not(.sticky-nav) .nav-social-links .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-label { color: white; } .header-enabled .page-header-type-large .navbar-primary:not(.sticky-nav) .navbar { border-top-color: rgba(255, 255, 255, 0.2); } .page-header-type-large .topbar { position: relative; z-index: 2; border-bottom: 1px rgba(255, 255, 255, 0.2) solid; background: transparent; } .page-header-type-large .topbar a, .page-header-type-large .topbar .nav > li > a { color: rgba(255, 255, 255, 0.75); } .page-header-type-large .topbar a:hover, .page-header-type-large .topbar a:focus, .page-header-type-large .topbar .nav > li > a:hover, .page-header-type-large .topbar .nav > li > a:focus { color: white; } .page-header-type-large .topbar .navbar-nav > li.current-menu-item > a { color: white; } .page-header-type-large .topbar .pk-social-links-wrap .pk-icon { color: white; } .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-title, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-count, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-label { color: rgba(255, 255, 255, 0.75); } .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-icon, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-title, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-count, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:hover .pk-social-links-label, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-icon, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-title, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-count, .page-header-type-large .topbar .pk-social-links-wrap .pk-social-links-item .pk-social-links-link:focus .pk-social-links-label { color: white; } /** * Navbar Position */ .navbar-col { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; height: 100%; } .navbar-col > div { display: flex; flex-wrap: nowrap; align-items: center; height: 100%; } .navbar-col:first-child > div { margin-right: auto; } .navbar-col:first-child > div > *:last-child { margin-right: 2rem; } .navbar-col:last-child > div { margin-left: auto; } .navbar-col:last-child > div > *:first-child { margin-left: 2rem; } @media (min-width: 1120px) { .navbar-primary { display: flex; } .navbar-primary.navbar-center .navbar-col, .navbar-primary.navbar-center .navbar-nav { flex-grow: 1; } .navbar-primary.navbar-left .navbar, .navbar-primary.navbar-right .navbar { justify-content: initial; } .navbar-primary.navbar-left .navbar-col, .navbar-primary.navbar-right .navbar-col { flex-grow: 0; } .navbar-primary.navbar-left .navbar-nav, .navbar-primary.navbar-right .navbar-nav { flex-grow: 1; } .navbar-primary.navbar-left .navbar-col:nth-child(2) { flex-grow: 1; align-items: flex-start; } .navbar-primary.navbar-right .navbar-col:nth-child(2) { flex-grow: 1; align-items: flex-end; } .topbar .col-left, .topbar .col-right { display: flex; flex-grow: 1; } .topbar .col-left { justify-content: flex-start; } .topbar .col-right { justify-content: flex-end; } } @media (max-width: 1119.98px) { .navbar-primary .navbar-col:first-child { justify-content: center; flex-grow: 1; } .navbar-primary .navbar-col:first-child > div { width: 100%; } .navbar-primary .navbar-toggle, .navbar-primary .navbar-brand { margin-right: auto; margin-left: 0; } .navbar-primary .navbar-brand { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .navbar-primary .nav-social { display: none; } .navbar-primary .navbar-col:last-child { flex-grow: 0; } } .navbar-multi-column-widgets { height: 100%; display: none; align-items: center; justify-content: center; } .navbar-multi-column-widgets:hover .navbar-widgets-container, .navbar-multi-column-widgets:focus .navbar-widgets-container { display: block; opacity: 1; visibility: visible; } @media (min-width: 1120px) { .navbar-multi-column-widgets { display: flex; } } .navbar-multi-column-widgets .navbar-widgets-btn { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0; border: none; background: transparent; font-size: 1.5rem; transition: 0.25s ease; margin-left: 2rem; } .navbar-multi-column-widgets .navbar-widgets-container { background: #fff; position: absolute; top: 100%; left: 0; right: 0; margin-top: 0; max-height: 70vh; min-height: 100%; overflow-y: auto; overflow-x: hidden; visibility: hidden; opacity: 0; margin-top: 0; z-index: 10; } .navbar-multi-column-widgets .navbar-widgets-inner { display: flex; overflow: hidden; padding: 40px 0; } .navbar-multi-column-widgets .widget-col { flex: 0 0 calc(100% / 3 - 2px); max-width: calc(100% / 3 - 2px); width: 100%; padding-left: 40px; padding-right: 40px; border-left: 1px solid #e9ecef; border-right: 1px solid transparent !important; } .navbar-multi-column-widgets .widget-col:first-child { border-left-color: transparent !important; } .navbar-single-column-widgets { height: 100%; display: none; align-items: center; justify-content: center; } .navbar-single-column-widgets:not(:first-child) { margin-left: 1rem; } .navbar-single-column-widgets:hover .navbar-widgets-container, .navbar-single-column-widgets:focus .navbar-widgets-container { display: flex; visibility: visible; opacity: 1; } @media (min-width: 1120px) { .navbar-single-column-widgets { display: flex; } } .navbar-single-column-widgets .navbar-widgets-btn { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0; border: none; background: transparent; transition: 0.25s ease; } .navbar-single-column-widgets .navbar-widgets-btn:after { margin-left: 0.5rem; font-family: "cs-icons"; font-size: 12px; content: "\e91f"; } .navbar-single-column-widgets .navbar-widgets-container { background: #fff; position: absolute; top: 100%; left: initial; right: 0; width: 400px; margin-top: 0; max-height: 60vh; visibility: hidden; opacity: 0; z-index: 10; } .navbar-single-column-widgets .navbar-container-background { display: flex; width: 700px; } .navbar-single-column-widgets .image-area { position: relative; flex: 1 0 300px; max-width: 300px; width: 100%; min-height: 100%; max-height: 100%; } .navbar-single-column-widgets .image-area img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .navbar-single-column-widgets .widget-area { width: 100%; flex-grow: 1; padding: 40px; overflow-y: auto; overflow-x: hidden; } .navbar-single-column-widgets .image-area + .widget-area { border-left: none !important; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ /** * Pagination * ---------------------------------------------------------------------------- */ .archive-pagination:not(:empty) { margin-top: 3rem; padding-top: 3rem; border-top: 1px #e9ecef solid; text-align: center; } .archive-pagination:not(:empty) .pagination { margin-top: 0; padding-top: 0; border-top: none; } .navigation.pagination { display: flex; justify-content: center; margin-top: 2rem; padding-top: 2rem; border-top: 1px transparent solid; } .navigation.pagination + .post-tags { margin-top: 2rem; padding-top: 2rem; border-top: 1px transparent solid; } .navigation.pagination:last-child { margin-bottom: 0; } .navigation.pagination .nav-links { display: inline-block; padding: 0; color: #dee2e6; } .navigation.pagination .nav-links > span, .navigation.pagination .nav-links > a { display: inline-block; padding: 0 0.5rem; } .navigation.pagination .nav-links a:first-child:before { margin-right: 0.5rem; font-family: "cs-icons"; content: "\e91c"; } .navigation.pagination .nav-links a:last-child:after { margin-left: 0.5rem; font-family: "cs-icons"; content: "\e91d"; } .navigation.comment-navigation { padding: 1rem 0; border-top: 1px #e9ecef solid; border-bottom: 1px #e9ecef solid; } .navigation.comment-navigation .nav-links::after { display: block; clear: both; content: ""; } .navigation.comment-navigation .nav-links .nav-previous { float: left; } .navigation.comment-navigation .nav-links .nav-previous a:before { margin-right: 0.5rem; font-family: "cs-icons"; content: "\e91c"; } .navigation.comment-navigation .nav-links .nav-next { float: right; } .navigation.comment-navigation .nav-links .nav-next a:after { margin-left: 0.5rem; font-family: "cs-icons"; content: "\e91d"; } /*-------------------------------------------------------------- ## Сomments --------------------------------------------------------------*/ .post-comments .section-heading { text-align: left; } .comment-reply-title { margin-bottom: 2rem; text-align: left; } .comment-reply-title:after { margin-left: 0; } .post-comments { margin-top: 2rem; padding: 2rem; background: #f8f8f8; } @media (min-width: 1120px) { .post-comments { padding: 4rem; } } .comment-respond { margin-bottom: 2rem; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { margin-top: 2rem; margin-bottom: 0; } .comment-body + .comment-respond, .comment-list + .comment-respond { padding-top: 2rem; border-top: 1px #e9ecef solid; } .comment-list { padding-left: 0; list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { padding: 2rem 0; border-top: 1px solid #e9ecef; } .comment-list > .comment:first-child > article { border-top: none; } .comment-list .children { list-style: none; padding: 0; margin: 0; } .comment-list .children > li { padding-left: 20px; } @media (min-width: 1120px) { .comment-list .children > li { padding-left: 40px; } } @media (max-width: 1239.98px) { .comment-list .children > li > .children > li > .children > li > .children > li > .children > li { padding-left: 0; } } .comment-list .children > li { padding-left: 1rem; } .comment-author .avatar { float: left; position: relative; width: 60px; height: 60px; margin-right: 1rem; border-radius: 50%; } .bypostauthor > article .fn:after { position: relative; margin-left: 0.25rem; font-family: "cs-icons"; content: "\e904"; } .comment-meta { margin-bottom: 1rem; } .comment-meta::after { display: block; clear: both; content: ""; } .comment-metadata .edit-link, .pingback .edit-link { display: inline-block; } .comment-content ul, .comment-content ol { margin: 0 0 2rem 1rem; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-form { margin-top: 1rem; } .comment-form > p { margin-top: 1rem; } .comment-form > p > label { margin-bottom: 0; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { font-size: 0.75rem; text-transform: uppercase; } .no-comments { margin: 2rem 0 0; } .required { color: #dc3545; font-size: 1rem; } .comment-navigation + .no-comments { padding-top: 0; border-top: 0; } .comment-form-cookies-consent label { display: inline; margin-left: 0.5rem; } .comment-form-comment .required { display: none; } .comment-form-comment label:after { display: inline-block; margin: 0.25rem; color: #dc3545; font-size: 1rem; content: '*'; } @media (min-width: 760px) { .post-comments .comment-form { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-comments .comment-form-comment { margin-bottom: 1rem; } .post-comments .comment-notes, .post-comments .comment-form-comment, .post-comments .logged-in-as { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .post-comments .comment-form-author, .post-comments .comment-form-email, .post-comments .comment-form-url { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .post-comments .comment-form-cookies-consent { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } } .form-submit { margin-bottom: 0; } @media (min-width: 760px) { .form-submit { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { float: right; overflow: hidden; width: 24px; height: 24px; } .comment-reply-title small a:before { float: left; position: relative; font-family: "cs-icons"; font-size: 24px; content: "\e923"; } /** * Facebook Comments */ .fb-comments { margin-top: 3rem; padding-top: 3rem; border-top: 1px transparent solid; } .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; } /*-------------------------------------------------------------- ## Meet The Team Template --------------------------------------------------------------*/ .cs-meet-team .cs-author:not(:first-child) { margin-top: 3rem; } .cs-meet-team .cs-author .cs-author-meta { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .cs-meet-team .cs-author .cs-author-avatar { margin-right: 1rem; } .cs-meet-team .cs-author .cs-author-avatar img { border-radius: 100%; } .cs-meet-team .cs-author .cs-author-title { margin-right: 1rem; margin-bottom: 0; } .cs-meet-team .cs-author .cs-author-description { margin-top: 1rem; } .cs-meet-team .cs-author .cs-author-posts { border-top: 1px solid #e9ecef; margin-top: 1.5rem; padding-top: 1.5rem; } .cs-meet-team .cs-author .author-title-posts { margin-bottom: 1rem; text-align: left; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Breadcrumbs --------------------------------------------------------------*/ .cs-breadcrumbs { margin-bottom: 1.5rem; } .cs-breadcrumbs .cs-separator { margin-left: 0.5rem; margin-right: 0.5rem; } .cs-breadcrumbs .cs-separator:before { font-family: "cs-icons"; content: "\e921"; } /*-------------------------------------------------------------- ## Post Meta --------------------------------------------------------------*/ /** * Post Meta * ---------------------------------------------------------------------------- */ .post-meta { padding-left: 0; list-style: none; color: #dee2e6; padding: 0; margin: 0; } .post-meta li { display: inline-block; } .post-meta li + li { margin-left: 0.5rem; } .post-meta li + li:before { margin-right: 0.5rem; content: "\b7"; } .post-meta .cs-icon { margin-right: 0.25rem; } .meta-category .post-categories { padding-left: 0; list-style: none; padding: 0; margin: 0; } .meta-category .post-categories li { display: inline-block; } .meta-category .post-categories li + li { margin-left: 0.5rem; } .meta-category .post-categories li:not(:last-child):after { content: ","; } .post-meta .meta-category .post-categories { margin-bottom: 0; } .meta-author span + a, .meta-author a + span { margin-left: 0.25rem; } .meta-separator + *, * + .meta-separator { margin-left: 0.25rem; } /*-------------------------------------------------------------- ## Post Media --------------------------------------------------------------*/ /** * Post Media * ---------------------------------------------------------------------------- */ .post-media { position: relative; margin: 3rem auto; } .post-media figcaption { margin-top: 1rem; text-align: right; } article > .post-media:first-child { margin-top: 0; } /*-------------------------------------------------------------- ## Post Author --------------------------------------------------------------*/ /** * Post Author * ---------------------------------------------------------------------------- */ .post-author .avatar { border-radius: 50%; } .post-author > *:last-child { margin-bottom: 0; } .post-author .authors-default { text-align: center; } .post-author .authors-default .avatar { margin-bottom: 2rem; } .post-author .authors-compact .author-wrap > .author { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .post-author .authors-compact .author-wrap + .author-wrap { margin-top: 2rem; } .post-author .authors-compact .author-avatar { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .post-author .authors-compact .author-description { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .post-author .authors-compact h5, .post-author .authors-compact .note { margin-bottom: 0.5rem; } .post-author .authors-compact .pk-author-social-links { justify-content: flex-start; } .post-author .pk-author-social-links { display: flex; justify-content: center; } .site-main > article > .post-author { margin-top: 3rem; padding-top: 3rem; border-top: 1px #e9ecef solid; } .post-main .post-author { margin-top: 3rem; padding-top: 3rem; border-top: 1px #e9ecef solid; } .authors-columns .author-wrap + .author-wrap { margin-top: 2rem; } @media (min-width: 760px) { .authors-columns { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .authors-columns .author-wrap { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 760px) { .authors-col-6 .author-wrap { flex: 0 0 50%; max-width: 50%; } .authors-col-6 .author-wrap:nth-child(-n+2) { margin-top: 0; } .authors-col-4 .author-wrap { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .authors-col-4 .author-wrap:nth-child(-n+3) { margin-top: 0; } .authors-col-3 .author-wrap { flex: 0 0 25%; max-width: 25%; } .authors-col-3 .author-wrap:nth-child(-n+4) { margin-top: 0; } } /*-------------------------------------------------------------- ## Post Subscribe --------------------------------------------------------------*/ /** * Post Subscribe */ .post-subscribe { margin-top: 3rem; } /*-------------------------------------------------------------- ## Post Tags --------------------------------------------------------------*/ /** * Post Tags * ---------------------------------------------------------------------------- */ .tagcloud { width: 100%; } .tagcloud .tag-cloud-link { font-size: 0.75rem !important; } .post-tags { margin-top: 3rem; padding-top: 3rem; border-top: 1px #e9ecef solid; } .post-tags ul { padding-left: 0; list-style: none; margin-bottom: 0; } .post-tags ul li { display: inline-block; } .post-tags ul li + li { margin-left: 0.5rem; } .tagcloud { text-align: center; } .post-tags a, .tagcloud a { display: inline-block; margin-bottom: 0.5rem; padding: 0 0.5rem; } .post-tags a:hover, .post-tags a:focus, .tagcloud a:hover, .tagcloud a:focus { color: white; background: black; } .post-tags a:before, .tagcloud a:before { content: "#"; } .tagcloud a:not(:last-child) { margin-right: 0.5rem; } /*-------------------------------------------------------------- ## Post Pagination --------------------------------------------------------------*/ /** * Post Pagination * ---------------------------------------------------------------------------- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .posts-pagination { margin-top: 3rem; transition: opacity 0.2s; } .posts-pagination .pagination-title { display: none; } .posts-pagination .post-pagination { flex: 0 0 100%; max-width: 100%; margin-bottom: 2rem; } @media (min-width: 760px) and (max-width: 1349px) { .posts-pagination { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .posts-pagination .post-pagination { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; margin-bottom: 0; } .posts-pagination .post-pagination .pagination-content, .posts-pagination .post-pagination .overlay { height: 100%; } } @media (min-width: 1350px) { .posts-pagination .pagination-title { display: inline-block; display: flex; visibility: hidden; align-items: center; justify-content: center; position: fixed; z-index: 2; top: 50%; width: 320px; height: 80px; opacity: 0; text-align: center; white-space: nowrap; transition: all 0.2s ease; } .posts-pagination .overlay { display: none; width: 560px; height: 320px; } .posts-pagination .pagination-visible .pagination-title { visibility: visible; opacity: 1; } .posts-pagination .post-pagination { position: fixed; z-index: 3; top: 50%; transform: translateY(-50%); } .posts-pagination .post-pagination.pagination-visible:hover .pagination-title, .posts-pagination .post-pagination.pagination-visible:focus .pagination-title { color: white; } .posts-pagination .post-pagination.pagination-visible:hover .pagination-content, .posts-pagination .post-pagination.pagination-visible:focus .pagination-content { display: block; -webkit-animation: fade-in 0.2s; animation: fade-in 0.2s; } .posts-pagination .post-pagination.pagination-visible:hover .overlay, .posts-pagination .post-pagination.pagination-visible:focus .overlay { display: flex; } .posts-pagination .post-previous { left: 0; } .posts-pagination .post-previous .pagination-title { transform: rotate(-90deg) translate(-50%, -50%); transform-origin: top left; } .posts-pagination .post-previous .pagination-content .overlay { padding-left: 80px; } .posts-pagination .post-previous .pagination-content .overlay:before { margin-left: 80px; } .posts-pagination .post-previous.pagination-visible .pagination-title { transform: rotate(-90deg) translate(-50%, 0); } .posts-pagination .post-next { right: 0; } .posts-pagination .post-next .pagination-title { right: 0; transform: rotate(90deg) translate(50%, -50%); transform-origin: top right; } .posts-pagination .post-next .pagination-content .overlay { padding-right: 80px; } .posts-pagination .post-next .pagination-content .overlay:before { margin-right: 80px; } .posts-pagination .post-next.pagination-visible .pagination-title { transform: rotate(90deg) translate(50%, 0); } } /*-------------------------------------------------------------- ## Page Header --------------------------------------------------------------*/ /** * Page Headers * ---------------------------------------------------------------------------- */ .page-header .entry-title:not(:first-child) { margin-top: 1.5rem; } .page-header .post-meta:not(:first-child) { margin-top: 1.5rem; } .page-header .sub-title + h1 { margin-top: 1rem; } .page-header .post-count { margin-top: 1rem; } .page-header .taxonomy-description { margin-top: 1.5rem; } .page-header .pk-social-links-items { margin-top: 1.5rem; } .page-header > *:last-child { margin-bottom: 0; } .page-header-simple { margin-bottom: 3rem; } .page-header-simple + .post-archive { padding-top: 3rem; border-top: 1px #e9ecef solid; } .page-header-small { margin-bottom: 3rem; } @media (max-width: 759.98px) { .page-header-type-small ~ .site-content { margin-top: 0; } .page-header-type-small ~ .site-content .page-header-small { margin-left: -20px; margin-right: -20px; } } .page-header-wide { min-height: 400px; margin-top: 0; } /*-------------------------------------------------------------- ## Mega Menu --------------------------------------------------------------*/ /** * Mega Menu * ---------------------------------------------------------------------------- */ .navbar-nav li.csco-mega-menu { position: static; } .navbar-nav li.csco-mega-menu > .sub-menu { right: 0; left: 0; padding: 30px; } .navbar-nav li.csco-mega-menu .cs-mm-posts { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-left: -15px; margin-right: -15px; text-align: center; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 20%; max-width: 20%; padding-left: 15px; padding-right: 15px; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item a { display: block; min-width: 6.25rem; padding: 0; background: transparent; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item a:hover { padding-left: 0; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item .entry-header .entry-title { margin: 1rem 0 0.5rem; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item .entry-header .entry-title a { margin-top: 0.625rem; } .navbar-nav li.csco-mega-menu .cs-mm-posts .mega-menu-item .entry-header .post-meta { margin-bottom: 0; } .navbar-nav li.csco-mega-menu .cs-mm-posts.cs-mm-loading { height: 150px; } .navbar-nav li.csco-mega-menu .cs-mm-posts.cs-mm-loading:before { width: 1.5rem; height: 1.5rem; border: 2px solid rgba(119, 119, 119, 0.25); border-top-color: #777; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @-webkit-keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-left: -15px; margin-right: -15px; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-categories { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 20%; max-width: 20%; padding-left: 15px; padding-right: 15px; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-categories li.menu-item { display: block; padding: 0; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-categories li.menu-item a { min-width: 6.25rem; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-posts-container { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 80%; max-width: 80%; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-posts-container .cs-mm-posts { display: none; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-posts-container .cs-mm-posts .mega-menu-item { flex: 0 0 25%; max-width: 25%; } .navbar-nav li.csco-mega-menu.csco-mega-menu-terms .cs-mm-content .cs-mm-posts-container .cs-mm-posts.active-item { display: flex; } /*-------------------------------------------------------------- ## Overlay --------------------------------------------------------------*/ /** * Overlay * ---------------------------------------------------------------------------- */ .overlay-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; } .overlay-inner { position: relative; } .overlay-inner > *:last-child { margin-bottom: 0; } /** * Ratio * ---------------------------------------------------------------------------- */ .ratio { display: flex; } .ratio:before { content: ''; display: block; } .ratio-landscape:before { padding-bottom: 56.25%; } .ratio-portrait:before { padding-bottom: 125%; } .ratio-square:before { padding-bottom: 100%; } .ratio .overlay-outer { display: flex; flex-direction: column; position: relative; height: auto; flex: 1; } .ratio .overlay-inner { position: static; padding: 4rem 2rem; } .ratio .overlay-media { position: absolute !important; top: auto; left: auto; } @media (max-width: 1019.98px) { .ratio h1, .ratio h2 { font-size: 1.5rem; letter-spacing: 0; } } .ratio-portrait { max-width: 560px; margin-right: auto; margin-left: auto; } /** * Common Styles * ---------------------------------------------------------------------------- */ .page-header-large .overlay-outer, .page-header-wide .overlay-outer { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 760px) { .page-header-large .overlay-outer, .page-header-wide .overlay-outer { max-width: 720px; } } @media (min-width: 1020px) { .page-header-large .overlay-outer, .page-header-wide .overlay-outer { max-width: 1000px; } } @media (min-width: 1120px) { .page-header-large .overlay-outer, .page-header-wide .overlay-outer { max-width: 1080px; } } @media (min-width: 1240px) { .page-header-large .overlay-outer, .page-header-wide .overlay-outer { max-width: 1200px; } } .page-header-large .overlay-inner, .page-header-wide .overlay-inner { max-width: 800px; padding-left: 0 !important; padding-right: 0 !important; } .page-header-large { margin-top: calc(var(--large-sm-margin-top, 0)); } .page-header-large .overlay-outer { padding-top: calc(var(--large-sm-padding-top, 0)); } @media (min-width: 1120px) { .page-header-large { margin-top: calc(var(--large-lg-margin-top, 0)); } .page-header-large .overlay-outer { padding-top: calc(var(--large-sm-padding-top, 0)); } } @media (min-width: 1440px) { .container-wide .page-header-large .overlay-outer, .container-wide .page-header-wide .overlay-outer { max-width: 1400px; padding-right: 15px; padding-left: 15px; } } @media (min-width: 1640px) { .container-wide .page-header-large .overlay-outer, .container-wide .page-header-wide .overlay-outer { max-width: 1600px; padding-right: 20px; padding-left: 20px; } } .page-header-simple .overlay-inner, .post-featured .overlay-inner { max-width: 680px; } .single .layout-fullwidth .page-header-wide .overlay-inner, .single .layout-fullwidth .page-header-large .overlay-inner { margin-right: auto; margin-left: auto; } /** * Clean Style * ---------------------------------------------------------------------------- */ .overlay-inner, .site-submenu .overlay-inner, .site-footer .overlay-inner, .entry-content .overlay-inner { padding: 2rem; color: rgba(255, 255, 255, 0.75); } .overlay-inner h1, .overlay-inner h2, .overlay-inner h3, .overlay-inner h4, .overlay-inner h5, .overlay-inner h6, .site-submenu .overlay-inner h1, .site-submenu .overlay-inner h2, .site-submenu .overlay-inner h3, .site-submenu .overlay-inner h4, .site-submenu .overlay-inner h5, .site-submenu .overlay-inner h6, .site-footer .overlay-inner h1, .site-footer .overlay-inner h2, .site-footer .overlay-inner h3, .site-footer .overlay-inner h4, .site-footer .overlay-inner h5, .site-footer .overlay-inner h6, .entry-content .overlay-inner h1, .entry-content .overlay-inner h2, .entry-content .overlay-inner h3, .entry-content .overlay-inner h4, .entry-content .overlay-inner h5, .entry-content .overlay-inner h6 { color: white; } .overlay-inner h1 a, .overlay-inner h2 a, .overlay-inner h3 a, .overlay-inner h4 a, .overlay-inner h5 a, .overlay-inner h6 a, .site-submenu .overlay-inner h1 a, .site-submenu .overlay-inner h2 a, .site-submenu .overlay-inner h3 a, .site-submenu .overlay-inner h4 a, .site-submenu .overlay-inner h5 a, .site-submenu .overlay-inner h6 a, .site-footer .overlay-inner h1 a, .site-footer .overlay-inner h2 a, .site-footer .overlay-inner h3 a, .site-footer .overlay-inner h4 a, .site-footer .overlay-inner h5 a, .site-footer .overlay-inner h6 a, .entry-content .overlay-inner h1 a, .entry-content .overlay-inner h2 a, .entry-content .overlay-inner h3 a, .entry-content .overlay-inner h4 a, .entry-content .overlay-inner h5 a, .entry-content .overlay-inner h6 a { color: white; } .overlay-inner h1 a:hover, .overlay-inner h1 a:focus, .overlay-inner h2 a:hover, .overlay-inner h2 a:focus, .overlay-inner h3 a:hover, .overlay-inner h3 a:focus, .overlay-inner h4 a:hover, .overlay-inner h4 a:focus, .overlay-inner h5 a:hover, .overlay-inner h5 a:focus, .overlay-inner h6 a:hover, .overlay-inner h6 a:focus, .site-submenu .overlay-inner h1 a:hover, .site-submenu .overlay-inner h1 a:focus, .site-submenu .overlay-inner h2 a:hover, .site-submenu .overlay-inner h2 a:focus, .site-submenu .overlay-inner h3 a:hover, .site-submenu .overlay-inner h3 a:focus, .site-submenu .overlay-inner h4 a:hover, .site-submenu .overlay-inner h4 a:focus, .site-submenu .overlay-inner h5 a:hover, .site-submenu .overlay-inner h5 a:focus, .site-submenu .overlay-inner h6 a:hover, .site-submenu .overlay-inner h6 a:focus, .site-footer .overlay-inner h1 a:hover, .site-footer .overlay-inner h1 a:focus, .site-footer .overlay-inner h2 a:hover, .site-footer .overlay-inner h2 a:focus, .site-footer .overlay-inner h3 a:hover, .site-footer .overlay-inner h3 a:focus, .site-footer .overlay-inner h4 a:hover, .site-footer .overlay-inner h4 a:focus, .site-footer .overlay-inner h5 a:hover, .site-footer .overlay-inner h5 a:focus, .site-footer .overlay-inner h6 a:hover, .site-footer .overlay-inner h6 a:focus, .entry-content .overlay-inner h1 a:hover, .entry-content .overlay-inner h1 a:focus, .entry-content .overlay-inner h2 a:hover, .entry-content .overlay-inner h2 a:focus, .entry-content .overlay-inner h3 a:hover, .entry-content .overlay-inner h3 a:focus, .entry-content .overlay-inner h4 a:hover, .entry-content .overlay-inner h4 a:focus, .entry-content .overlay-inner h5 a:hover, .entry-content .overlay-inner h5 a:focus, .entry-content .overlay-inner h6 a:hover, .entry-content .overlay-inner h6 a:focus { color: white; } .overlay-inner a, .site-submenu .overlay-inner a, .site-footer .overlay-inner a, .entry-content .overlay-inner a { color: white; } .overlay-inner a:hover, .overlay-inner a:focus, .site-submenu .overlay-inner a:hover, .site-submenu .overlay-inner a:focus, .site-footer .overlay-inner a:hover, .site-footer .overlay-inner a:focus, .entry-content .overlay-inner a:hover, .entry-content .overlay-inner a:focus { color: rgba(255, 255, 255, 0.75); } .overlay-inner .post-meta, .site-submenu .overlay-inner .post-meta, .site-footer .overlay-inner .post-meta, .entry-content .overlay-inner .post-meta { color: rgba(255, 255, 255, 0.75); } .overlay-inner .post-meta a, .site-submenu .overlay-inner .post-meta a, .site-footer .overlay-inner .post-meta a, .entry-content .overlay-inner .post-meta a { color: rgba(255, 255, 255, 0.75); } .overlay-inner .post-meta a:hover, .overlay-inner .post-meta a:focus, .site-submenu .overlay-inner .post-meta a:hover, .site-submenu .overlay-inner .post-meta a:focus, .site-footer .overlay-inner .post-meta a:hover, .site-footer .overlay-inner .post-meta a:focus, .entry-content .overlay-inner .post-meta a:hover, .entry-content .overlay-inner .post-meta a:focus { color: white; } .overlay-inner .post-categories, .overlay-inner .meta-category .post-categories, .site-submenu .overlay-inner .post-categories, .site-submenu .overlay-inner .meta-category .post-categories, .site-footer .overlay-inner .post-categories, .site-footer .overlay-inner .meta-category .post-categories, .entry-content .overlay-inner .post-categories, .entry-content .overlay-inner .meta-category .post-categories { color: rgba(255, 255, 255, 0.75); } .overlay-inner .post-categories a, .overlay-inner .meta-category .post-categories a, .site-submenu .overlay-inner .post-categories a, .site-submenu .overlay-inner .meta-category .post-categories a, .site-footer .overlay-inner .post-categories a, .site-footer .overlay-inner .meta-category .post-categories a, .entry-content .overlay-inner .post-categories a, .entry-content .overlay-inner .meta-category .post-categories a { color: white; } .overlay-inner .post-categories a:hover, .overlay-inner .post-categories a:focus, .overlay-inner .meta-category .post-categories a:hover, .overlay-inner .meta-category .post-categories a:focus, .site-submenu .overlay-inner .post-categories a:hover, .site-submenu .overlay-inner .post-categories a:focus, .site-submenu .overlay-inner .meta-category .post-categories a:hover, .site-submenu .overlay-inner .meta-category .post-categories a:focus, .site-footer .overlay-inner .post-categories a:hover, .site-footer .overlay-inner .post-categories a:focus, .site-footer .overlay-inner .meta-category .post-categories a:hover, .site-footer .overlay-inner .meta-category .post-categories a:focus, .entry-content .overlay-inner .post-categories a:hover, .entry-content .overlay-inner .post-categories a:focus, .entry-content .overlay-inner .meta-category .post-categories a:hover, .entry-content .overlay-inner .meta-category .post-categories a:focus { color: rgba(255, 255, 255, 0.75); } .overlay-inner .product-count, .site-submenu .overlay-inner .product-count, .site-footer .overlay-inner .product-count, .entry-content .overlay-inner .product-count { color: white; } .overlay-inner .pk-share-buttons-link, .site-submenu .overlay-inner .pk-share-buttons-link, .site-footer .overlay-inner .pk-share-buttons-link, .entry-content .overlay-inner .pk-share-buttons-link { color: white !important; } .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-icon, .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-count, .site-submenu .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-icon, .site-submenu .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-count, .site-footer .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-icon, .site-footer .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-count, .entry-content .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-icon, .entry-content .overlay-inner .pk-share-buttons-link:hover .pk-share-buttons-count { color: rgba(255, 255, 255, 0.75) !important; } .overlay-inner .title-share, .overlay-inner .pk-share-buttons-wrap .pk-share-buttons-count, .site-submenu .overlay-inner .title-share, .site-submenu .overlay-inner .pk-share-buttons-wrap .pk-share-buttons-count, .site-footer .overlay-inner .title-share, .site-footer .overlay-inner .pk-share-buttons-wrap .pk-share-buttons-count, .entry-content .overlay-inner .title-share, .entry-content .overlay-inner .pk-share-buttons-wrap .pk-share-buttons-count { color: rgba(255, 255, 255, 0.75) !important; } .style-align-left .post-featured .overlay-inner { padding-bottom: 5rem; } /** * Inner Container * ---------------------------------------------------------------------------- */ .overlay { overflow: hidden; position: relative; transform: translate3d(0, 0, 0); } .overlay-media { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: auto !important; } .overlay-media img { z-index: -1; } .overlay-media iframe { z-index: -2 !important; } .overlay-media:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; transition: all 0.2s ease; } .overlay-outer { display: flex; flex-direction: column; height: 100%; width: 100%; } .overlay-inner { padding: 2rem; color: rgba(255, 255, 255, 0.75); } .overlay-inner h1, .overlay-inner h2, .overlay-inner h3, .overlay-inner h4, .overlay-inner h5, .overlay-inner h6 { position: relative; color: white; } .overlay-inner .post-meta { color: rgba(255, 255, 255, 0.75); } .overlay-inner .post-meta li { position: relative; } .overlay-inner .post-excerpt { position: relative; color: white; } .overlay-inner a { position: relative; z-index: 2; color: white; } .overlay-inner a:hover, .overlay-inner a:focus { color: rgba(255, 255, 255, 0.75); } .overlay-link { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .page-header-large .overlay-outer { height: 100vh; } .page-header-wide .overlay-outer { height: 400px; } @media (min-width: 1120px) { .page-header-large .overlay-inner, .page-header-wide .overlay-inner { padding: 3rem; } } .tiles-outer .layout-type-secondary .overlay-inner { padding: 1.5rem; } .slider-flip .overlay-inner { padding: 1.5rem; } .post-featured .overlay .post-meta { position: absolute; right: 2rem; bottom: -10%; left: 2rem; margin: 0; padding: 1rem 0; border-top: 1px rgba(255, 255, 255, 0.2) solid; opacity: 0; color: #e9ecef; transition: all 0.3s ease; } .post-featured .overlay:hover .post-meta { bottom: 0; opacity: 1; } /*-------------------------------------------------------------- ## Misc --------------------------------------------------------------*/ /** * Miscellaneous * ---------------------------------------------------------------------------- */ .section-heading { margin-bottom: 2rem; } .entry-content::after { display: block; clear: both; content: ""; } .button-link:after { display: inline-block; margin-left: 0.25rem; font-family: "cs-icons"; content: "\e91d"; transition: all 0.2s ease; } .button-link:hover:after { margin-left: 0.5rem; } .list-categories { display: inline-block; margin: 2rem 0; padding: 0; vertical-align: middle; list-style: none; } .list-categories a { display: inline-block; padding: 0.5rem 1rem; color: #dee2e6; } .list-categories li { display: inline-block; margin: 0; } .list-categories .current-cat a, .list-categories .current-cat-parent a { color: black; } .list-social { padding-left: 0; list-style: none; } .list-social li { display: inline-block; } .list-social li + li { margin-left: 0.5rem; } .list-social .cs-icon { vertical-align: middle; } .list-social span { display: inline-block; margin-left: 0.25rem; vertical-align: middle; } @media (min-width: 1020px) { .list-social-compact span { display: none; } } /*-------------------------------------------------------------- ## Nextpost Loading --------------------------------------------------------------*/ .cs-nextpost-loading { position: relative; margin-top: 1rem; height: 80px; } .cs-nextpost-loading:before { width: 1.5rem; height: 1.5rem; border: 2px solid rgba(119, 119, 119, 0.25); border-top-color: #777; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .cs-nextpost-section { border-top: 1px #e9ecef solid; margin-top: 3rem; } .cs-nextpost-section .page-header-large, .cs-nextpost-section .page-header-wide { margin-top: -1px !important; } @media (max-width: 759.98px) { .cs-nextpost-section .page-header-small { margin-top: calc(-3rem - 1px); margin-left: -20px; margin-right: -20px; } } /*-------------------------------------------------------------- ## Related Posts --------------------------------------------------------------*/ .section-related-posts { margin-top: 3rem; } .section-related-posts .cnvs-block-section-heading { margin-bottom: 2rem; } .section-related-posts .cs-block-carousel { margin-top: 0; padding-top: 0; border-top: none; } .section-related-posts .cs-block-carousel .owl-dots { margin-top: 1rem; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget .title-widget { margin-bottom: 2rem; } .widget ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widget select { width: 100%; } .widget > *:last-child { margin-bottom: 0; } section.widget .widget-wrap { padding-top: 40px; padding-bottom: 40px; } .archive-grid section.widget .widget-wrap, .archive-masonry section.widget .widget-wrap { max-width: 300px; margin-right: auto; margin-left: auto; width: 100%; } .archive-list section.widget .widget-wrap, .archive-standard section.widget .widget-wrap { padding-top: 3rem; padding-bottom: 3rem; border-top: 1px #e9ecef solid; border-bottom: 1px #e9ecef solid; } .archive-list:not(.archive-compact) section.widget:last-child .widget-wrap, .archive-standard section.widget:last-child .widget-wrap { border-bottom: none; padding-bottom: 0; } .sidebar .widget + .widget, .sidebar-footer .widget + .widget, .cnvs-block-widgetized-area .widget + .widget { margin-top: 3rem; } @media (min-width: 1240px) { .sidebar .widget + .widget, .sidebar-footer .widget + .widget, .cnvs-block-widgetized-area .widget + .widget { margin-top: 4rem; } } .navbar-widgets-inner .widget + .widget { margin-top: 40px; } .cnvs-block-section-sidebar-inner > *:not(:first-child) { margin-top: 3rem; } @media (min-width: 1240px) { .cnvs-block-section-sidebar-inner > *:not(:first-child) { margin-top: 4rem; } } .cnvs-block-section-sidebar-inner > .cnvs-block-section-heading + * { margin-top: 2rem; } .offcanvas-sidebar .widget { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px transparent solid; } .offcanvas-sidebar .widget:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*-------------------------------------------------------------- ## Widgets --------------------------------------------------------------*/ .widget_nav_menu .widget-wrap { width: 100%; } .widget_nav_menu a { display: block; padding: 1rem 0; } .widget_nav_menu .menu > li:first-child { align-items: flex-start; } .widget_nav_menu .menu > li:first-child > a { padding-top: 0; } .widget_nav_menu .menu > li:last-child { align-items: flex-end; } .widget_nav_menu .menu > li:last-child > a { padding-bottom: 0; } .widget_nav_menu .menu > .menu-item:not(:first-child) { border-top: 1px #e9ecef solid; } .widget_nav_menu .menu-item-has-children { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .widget_nav_menu .menu-item-has-children > a { order: 1; } .widget_nav_menu .menu-item-has-children > span { cursor: pointer; order: 2; } .widget_nav_menu .menu-item-has-children > span:after { padding: 1rem 0; font-family: "cs-icons"; font-size: 14px; content: "\e91f"; } .widget_nav_menu .menu-item-has-children > ul { width: 100%; order: 3; } .widget_nav_menu .menu-item-expanded > span:after { content: "\e922"; } .widget_nav_menu .menu > .menu-item > .sub-menu { padding-bottom: 1rem; } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:after { visibility: hidden; float: right; opacity: 0; font-family: "cs-icons"; font-size: 14px; content: "\e91d"; transition: all 0.2s ease; transform: translateX(-100%); } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:hover:after { visibility: visible; opacity: 1; transform: translateX(0); } .widget_nav_menu .sub-menu { display: none; } .widget_nav_menu .sub-menu a { padding: 0.25rem 0; line-height: 1; } .widget_nav_menu .sub-menu .sub-menu { padding: 0.5rem 0; } .widget_nav_menu .sub-menu .sub-menu a { padding-left: 1rem; } .widget_nav_menu .submenu-visible { display: block; } .widget_pages li a, .widget_meta li a { display: block; padding: 1rem 0; } .widget_pages li a:after, .widget_meta li a:after { visibility: hidden; float: right; opacity: 0; font-family: "cs-icons"; content: "\e91d"; transition: all 0.2s ease; transform: translateX(-100%); } .widget_pages li a:hover:after, .widget_meta li a:hover:after { visibility: visible; opacity: 1; transform: translateX(0); } .widget_pages li:not(:first-child) a, .widget_meta li:not(:first-child) a { border-top: 1px #e9ecef solid; } .widget_categories, .widget_archive, .widget_categories .widget-wrap, .widget_archive .widget-wrap { width: 100%; } .widget_categories ul li, .widget_archive ul li, .widget_categories .widget-wrap ul li, .widget_archive .widget-wrap ul li { display: block; text-align: right; } .widget_categories ul li::after, .widget_archive ul li::after, .widget_categories .widget-wrap ul li::after, .widget_archive .widget-wrap ul li::after { display: block; clear: both; content: ""; } .widget_categories ul li a, .widget_archive ul li a, .widget_categories .widget-wrap ul li a, .widget_archive .widget-wrap ul li a { float: left; text-align: left; } .widget_categories > ul > li, .widget_archive > ul > li, .widget_categories .widget-wrap > ul > li, .widget_archive .widget-wrap > ul > li { padding: 1rem 0; } .widget_categories > ul > li:not(:first-child), .widget_archive > ul > li:not(:first-child), .widget_categories .widget-wrap > ul > li:not(:first-child), .widget_archive .widget-wrap > ul > li:not(:first-child) { border-top: 1px #e9ecef solid; } .widget_categories > ul > li:last-child, .widget_archive > ul > li:last-child, .widget_categories .widget-wrap > ul > li:last-child, .widget_archive .widget-wrap > ul > li:last-child { padding-bottom: 0; } .widget_categories ul.children, .widget_archive ul.children, .widget_categories .widget-wrap ul.children, .widget_archive .widget-wrap ul.children { padding-top: 1rem; } .widget_categories ul.children li, .widget_archive ul.children li, .widget_categories .widget-wrap ul.children li, .widget_archive .widget-wrap ul.children li { padding: 0.25rem 0; } .widget_categories ul.children li, .widget_categories ul.children li a, .widget_archive ul.children li, .widget_archive ul.children li a, .widget_categories .widget-wrap ul.children li, .widget_categories .widget-wrap ul.children li a, .widget_archive .widget-wrap ul.children li, .widget_archive .widget-wrap ul.children li a { line-height: 1; } .widget_recent_comments li, .widget_recent_entries li { padding: 1rem 0; font-size: 0.875rem; } .widget_recent_comments li:not(:first-child), .widget_recent_entries li:not(:first-child) { border-top: 1px #e9ecef solid; } #wp-calendar { width: 100%; table-layout: fixed; } #wp-calendar caption { margin-bottom: 1rem; padding: 0; caption-side: top; color: black; text-align: center; } #wp-calendar thead th { padding: 0.25rem; color: black; font-size: 0.875rem; font-weight: 600; text-align: center; text-transform: uppercase; } #wp-calendar tbody td { position: relative; border-top: 1px solid #e9ecef; font-size: 0.875rem; line-height: 2.5; text-align: center; } #wp-calendar tbody td.pad { opacity: 0.7; } #wp-calendar tbody td#today:after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 10px solid black; border-left: 10px solid transparent; content: ""; } #wp-calendar tbody td a { display: block; background: #e9ecef; } #wp-calendar tbody td a:hover, #wp-calendar tbody td a:focus { color: white; background: black; } #wp-calendar tfoot tr td { padding: 0; border: 0; } #wp-calendar tfoot tr #prev + .pad { position: relative; } #wp-calendar tfoot tr #prev + .pad:after { position: absolute; top: 1rem; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: black; content: ""; } #wp-calendar tfoot tr a { display: inline-block; margin-top: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } #wp-calendar tfoot tr #prev { text-align: right; } #wp-calendar tfoot tr #next { text-align: left; } .widget_recent_comments li a { display: block; margin-top: 1rem; } .widget_rss .rss-widget-icon { display: none; } .widget_rss ul li { border-bottom: 1px #e9ecef solid; position: relative; padding-bottom: 1rem; margin-bottom: 1rem; } .widget_rss ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget_rss ul li .rsswidget { color: black; transition: color 0.25s; } .widget_rss ul li .rss-date { display: block; margin-top: 0.25rem; color: #6c757d; } .widget_rss ul li .rssSummary { margin-top: 0.25rem; } .widget_rss ul li cite { display: block; margin-top: 0.25rem; font-style: normal; color: #6c757d; text-align: right; } .widget_media_video .mejs-container { max-width: 100%; overflow: hidden; } .widget_media_video .mejs-container video, .widget_media_video .mejs-container iframe, .widget_media_video .mejs-container object, .widget_media_video .mejs-container embed { max-width: 100%; overflow: hidden; } .widget_text { word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1rem 1rem; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1rem; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li + li { margin-top: -1px; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ img { max-width: 100%; height: auto; } .post-thumbnail img { display: block; width: 100%; } @media (max-width: 1019.98px) { .post-thumbnail, .post-thumbnail img { width: 100%; } } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } .post-media img { width: 100%; } .embed-audio > iframe { width: 100% !important; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1rem; max-width: 100%; } .wp-caption img[class*="wp-image-"] { margin-left: auto; margin-right: auto; display: block; } .wp-caption .wp-caption-text { margin: 1rem 0; } .wp-caption-text { margin-top: 1rem; font-size: 0.875rem; } /*-------------------------------------------------------------- ## Carousel --------------------------------------------------------------*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; overflow: hidden; position: relative; } .owl-carousel figure { margin: 0; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: ltr; } .owl-carousel.owl-rtl .owl-item { float: left; } /* No Js */ .no-js .owl-carousel { display: block; } .owl-dots { position: relative; z-index: 1; height: 13px; line-height: 13px; text-align: center; } .owl-dots:empty, .owl-dots.disabled { display: none; } .slider-flip .owl-dots, .gallery-type-slider .owl-dots, .slider-loop .owl-dots { margin-top: 1rem; } .owl-dot { border: none; background: transparent; display: inline-block; padding: 3px !important; cursor: pointer; } .owl-dot span { display: block; width: 7px; height: 7px; border-radius: 50%; background: #dee2e6; } .owl-dot.active span { background: black; } .owl-prev.disabled, .owl-next.disabled { display: none; } .owl-prev, .owl-next { position: absolute; z-index: 3; border: none; top: 50%; width: 120px; padding: 0; opacity: 0; color: white; background: rgba(44, 47, 48, 0.5); transition: all 0.2s ease; -webkit-backface-visibility: hidden; } .owl-prev:hover, .owl-prev:focus, .owl-prev:active, .owl-next:hover, .owl-next:focus, .owl-next:active { color: white; background: rgba(44, 47, 48, 0.75); } .owl-prev .button, .owl-next .button { display: block; background: transparent; } .owl-prev .button:hover, .owl-prev .button:focus, .owl-prev .button:active, .owl-next .button:hover, .owl-next .button:focus, .owl-next .button:active { background: transparent; } .owl-prev { left: 1rem; transform: rotate(-90deg) translate(-50%, -100%); transform-origin: top left; } .slider-container:hover .owl-prev, .cs-block-slider-container:hover .owl-prev, .gallery-type-slider:hover .owl-prev { opacity: 1; transform: rotate(-90deg) translate(-50%, 0); } .owl-next { right: 1rem; transform: rotate(90deg) translate(50%, -100%); transform-origin: top right; } .slider-container:hover .owl-next, .cs-block-slider-container:hover .owl-next, .gallery-type-slider:hover .owl-next { opacity: 1; transform: rotate(90deg) translate(50%, 0); } .owl-arrows { display: none; } @media (min-width: 1240px) { .owl-arrows { position: absolute; display: block; top: 0; bottom: 0; width: 100%; } } .owl-arrows:empty { display: none; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .images-loading { width: 24px; height: 24px; border: 2px solid rgba(119, 119, 119, 0.25); border-top-color: #777; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; margin: 150px auto; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .gallery-type-slider { overflow: hidden; position: relative; } .gallery-type-slider .slider-slide { text-align: center; } .gallery-type-slider figure { margin: 0; } .gallery-type-slider figcaption { margin-top: 15px; } .slider-flip { overflow: visible; } .slider-flip .owl-carousel { overflow: visible; } .slider-flip .owl-stage-outer { margin: -80px 0; padding: 80px 0; } .slider-flip .owl-stage { perspective: 2000px; } .slider-flip .owl-item { transform-style: preserve-3d; } @-webkit-keyframes flipOut { from { opacity: 1; } to { opacity: 0; transform: rotateY(-180deg); } } @keyframes flipOut { from { opacity: 1; } to { opacity: 0; transform: rotateY(-180deg); } } .flipOut { -webkit-animation-name: flipOut; animation-name: flipOut; } @-webkit-keyframes flipIn { from { opacity: 0; transform: rotateY(180deg); } to { opacity: 1; } } @keyframes flipIn { from { opacity: 0; transform: rotateY(180deg); } to { opacity: 1; } } .flipIn { -webkit-animation-name: flipIn; animation-name: flipIn; } .slider-loop { width: 100%; } .slider-loop .owl-dots { margin-top: 0; padding-top: 0; } .section-carousel .owl-carosel { display: block; } .section-carousel .images-loading { display: none; } .section-carousel .owl-carousel { width: 100%; flex-wrap: nowrap; overflow: hidden; display: flex; } .section-carousel .owl-carousel > article { width: 100%; min-width: 100%; } @media (min-width: 760px) { .section-carousel .owl-carousel > article { width: calc((100% - 40px) / 2); min-width: calc((100% - 40px) / 2); } .section-carousel .owl-carousel > article:first-child { margin-right: 40px; } } @media (min-width: 1020px) { .section-carousel .owl-carousel > article { width: calc((100% - 60px) / 3); min-width: calc((100% - 60px) / 3); } .section-carousel .owl-carousel > article:nth-child(-n+3) { margin-right: 30px; } } @media (min-width: 1120px) { .section-carousel .owl-carousel > article { width: calc((100% - 80px) / 3); min-width: calc((100% - 80px) / 3); } .section-carousel .owl-carousel > article:nth-child(-n+3) { margin-right: 40px; } } @media (min-width: 1240px) { .section-carousel .owl-carousel > article { width: calc((100% - 90px) / 4); min-width: calc((100% - 90px) / 4); } .section-carousel .owl-carousel > article:nth-child(-n+4) { margin-right: 30px; } } @media (min-width: 1640px) { .section-carousel .owl-carousel > article { width: calc((100% - 120px) / 4); min-width: calc((100% - 120px) / 4); } .section-carousel .owl-carousel > article:nth-child(-n+4) { margin-right: 40px; } } .gallery { margin-bottom: 1.5rem; } .gallery .wp-caption-text:before { display: none; } div[class*=" gallery-columns-"] { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-right: -15px; margin-left: -15px; margin-bottom: 0; } div[class*=" gallery-columns-"] .gallery-item { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; } div[class*=" gallery-columns-"] .gallery-icon { position: relative; } div[class*=" gallery-columns-"] .gallery-icon + figcaption { margin-top: 15px; } @media (min-width: 1020px) { .gallery-columns-1 figure { flex: 0 0 100%; max-width: 100%; } .gallery-columns-2 figure { flex: 0 0 50%; max-width: 50%; } .gallery-columns-3 figure { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .gallery-columns-4 figure { flex: 0 0 25%; max-width: 25%; } .gallery-columns-5 figure { flex: 0 0 20%; max-width: 20%; } .gallery-columns-6 figure { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .gallery-columns-7 figure { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .gallery-columns-8 figure { flex: 0 0 12.5%; max-width: 12.5%; } .gallery-columns-9 figure { flex: 0 0 11.1111111111%; max-width: 11.1111111111%; } } .tiled-gallery figure { margin-bottom: 0; } .tiled-gallery img { margin: 0 !important; padding-left: 2px !important; padding-right: 2px !important; } /*-------------------------------------------------------------- # Powerkit --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Grid --------------------------------------------------------------*/ .entry-content .pk-row > [class^="pk-col-"] > a, .entry-content .pk-row > [class^="pk-col-"] > p > a, .entry-content .pk-row > [class^="pk-col-"] > ul li > a, .entry-content .pk-row > [class^="pk-col-"] > ol li > a, .entry-content .pk-row > [class^="pk-col-"] > p > em > a, .entry-content .pk-row > [class^="pk-col-"] > p > strong > a, .entry-content .pk-row > [class*=" pk-col-"] > a, .entry-content .pk-row > [class*=" pk-col-"] > p > a, .entry-content .pk-row > [class*=" pk-col-"] > ul li > a, .entry-content .pk-row > [class*=" pk-col-"] > ol li > a, .entry-content .pk-row > [class*=" pk-col-"] > p > em > a, .entry-content .pk-row > [class*=" pk-col-"] > p > strong > a { text-decoration: underline; } .entry-content .pk-row > [class^="pk-col-"] > a:hover, .entry-content .pk-row > [class^="pk-col-"] > a:focus, .entry-content .pk-row > [class^="pk-col-"] > p > a:hover, .entry-content .pk-row > [class^="pk-col-"] > p > a:focus, .entry-content .pk-row > [class^="pk-col-"] > ul li > a:hover, .entry-content .pk-row > [class^="pk-col-"] > ul li > a:focus, .entry-content .pk-row > [class^="pk-col-"] > ol li > a:hover, .entry-content .pk-row > [class^="pk-col-"] > ol li > a:focus, .entry-content .pk-row > [class^="pk-col-"] > p > em > a:hover, .entry-content .pk-row > [class^="pk-col-"] > p > em > a:focus, .entry-content .pk-row > [class^="pk-col-"] > p > strong > a:hover, .entry-content .pk-row > [class^="pk-col-"] > p > strong > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > p > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > p > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > ul li > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > ul li > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > ol li > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > ol li > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > p > em > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > p > em > a:focus, .entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:hover, .entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:focus { text-decoration: none; } .entry-content .pk-row > [class^="pk-col-"] > h1, .entry-content .pk-row > [class^="pk-col-"] > h2, .entry-content .pk-row > [class^="pk-col-"] > h3, .entry-content .pk-row > [class^="pk-col-"] > h4, .entry-content .pk-row > [class^="pk-col-"] > h5, .entry-content .pk-row > [class^="pk-col-"] > h6, .entry-content .pk-row > [class*=" pk-col-"] > h1, .entry-content .pk-row > [class*=" pk-col-"] > h2, .entry-content .pk-row > [class*=" pk-col-"] > h3, .entry-content .pk-row > [class*=" pk-col-"] > h4, .entry-content .pk-row > [class*=" pk-col-"] > h5, .entry-content .pk-row > [class*=" pk-col-"] > h6 { margin-bottom: 1.5rem; } .entry-content .pk-row > [class^="pk-col-"] > h1:not(:first-child), .entry-content .pk-row > [class^="pk-col-"] > h2:not(:first-child), .entry-content .pk-row > [class^="pk-col-"] > h3:not(:first-child), .entry-content .pk-row > [class^="pk-col-"] > h4:not(:first-child), .entry-content .pk-row > [class^="pk-col-"] > h5:not(:first-child), .entry-content .pk-row > [class^="pk-col-"] > h6:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h1:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h2:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h3:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h4:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h5:not(:first-child), .entry-content .pk-row > [class*=" pk-col-"] > h6:not(:first-child) { margin-top: 3rem; } .entry-content .pk-row + .pk-row h1:first-child, .entry-content .pk-row + .pk-row h2:first-child, .entry-content .pk-row + .pk-row h3:first-child, .entry-content .pk-row + .pk-row h4:first-child, .entry-content .pk-row + .pk-row h5:first-child, .entry-content .pk-row + .pk-row h6:first-child { margin-top: 1.5rem; } .entry-content div[class^='pk-col-'], .entry-content div[class*=' pk-col-'] { margin-bottom: 1.5rem; } .entry-content div[class^='pk-col-'] > *:last-child, .entry-content div[class*=' pk-col-'] > *:last-child { margin-bottom: 0; } .entry-content .pk-clearfix { margin: 0; } /*-------------------------------------------------------------- ## Block Section --------------------------------------------------------------*/ .page-template-template-canvas-fullwidth .site-content > .cs-container { max-width: 100% !important; padding-right: initial; padding-left: initial; margin-right: initial; margin-left: initial; } .cnvs-block-section > .cnvs-block-section-outer { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 760px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1000px; } } @media (min-width: 1120px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1080px; } } @media (min-width: 1240px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1200px; } } @media (min-width: 1020px) { .cnvs-block-section > .cnvs-block-section-outer > .cnvs-block-section-inner { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } } .cnvs-block-section-with-background-color { padding-top: 20px; padding-bottom: 20px; } .cnvs-block-section-content { flex: 1; max-width: 100%; min-width: 0; } @media (min-width: 1020px) { .cnvs-block-section-sidebar-position-left .cnvs-block-section-content, .cnvs-block-section-sidebar-position-right .cnvs-block-section-content { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 1; max-width: 100%; min-width: 0; } .cnvs-block-section-sidebar-position-left .cnvs-block-section-sidebar, .cnvs-block-section-sidebar-position-right .cnvs-block-section-sidebar { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 340px; max-width: 340px; min-width: 0; } } @media (min-width: 1120px) { .cnvs-block-section-sidebar-position-left .cnvs-block-section-sidebar, .cnvs-block-section-sidebar-position-right .cnvs-block-section-sidebar { flex: 0 0 360px; max-width: 360px; } } @media (min-width: 1120px) { .cnvs-block-section-sidebar-position-left .cnvs-block-section-content { order: 1; } .cnvs-block-section-sidebar-position-left .cnvs-block-section-sidebar { padding-right: 40px; } .cnvs-block-section-sidebar-position-right .cnvs-block-section-sidebar { padding-left: 40px; } } .cnvs-block-section-sidebar-sticky-top .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; top: 3rem; transition: 0.25s ease; } .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar { display: flex; flex-direction: column; } .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; bottom: 3rem; margin-top: auto; } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner { height: 100%; transition: 0.25s ease; } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner > :last-child { position: -webkit-sticky; position: sticky; top: 3rem; } /*-------------------------------------------------------------- ## Basic Styles --------------------------------------------------------------*/ .menu-item .pk-badge { margin-left: 0.5rem; margin-right: auto; margin-bottom: auto; margin-top: auto; } .pk-alert { color: black; padding: 1rem 1.25rem; margin-bottom: 1.5rem; } .pk-alert .pk-title { margin-top: 0; margin-bottom: 1rem; color: black; } .pk-alert .pk-close { font-size: .75rem; } .pk-alert a { color: black !important; } .entry-content .pk-alert p { color: black; } .entry-content .pk-alert p:not(:last-child) { margin-bottom: 1rem; } .pk-button { border-radius: 0; } .pk-nav-tabs .pk-nav-link, .pk-tabs .pk-nav-pills .pk-nav-link, .pk-tabs-vertical .pk-nav-tabs .pk-nav-link { border-radius: 0; } .pk-tabs .pk-nav-pills .pk-nav-link.pk-active { color: #fff; } .pk-tabs .pk-nav .pk-nav-item { margin-bottom: 0; } .pk-collapsibles .pk-card { border: 1px solid rgba(0, 0, 0, 0.125); border-width: 1px; border-radius: 0; } .pk-collapsibles .pk-card:not(:last-child) { border-bottom: none; } .pk-collapsibles .pk-card a { padding: 0; } .pk-collapsibles .pk-card-body { padding: 1.25rem; } .pk-collapsibles .pk-card-header { padding: 0.75rem 1.25rem; } .pk-progress { border-radius: 0; } .pk-twitter-label { display: block; } .pk-input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .pk-input-group .form-control { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .pk-input-group .button { line-height: 1.5rem; } /*-------------------------------------------------------------- ## About --------------------------------------------------------------*/ .pk-widget-about .pk-about-media { margin-bottom: 2rem; } .pk-widget-about .title-widget, .pk-widget-about .pk-about-content, .pk-widget-about .pk-about-small, .pk-widget-about .pk-about-button { margin-top: 1.5rem; } .pk-widget-about .pk-social-links-wrap { margin-top: 1.5rem; } .pk-widget-about .pk-about-button { position: relative; width: auto; padding: 0.375rem 1rem; overflow: hidden; } .pk-widget-about .pk-about-button span { transition: all 0.2s ease; } .pk-widget-about .pk-about-button span:first-child { display: block; transform: translate(0); } .pk-widget-about .pk-about-button span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-widget-about .pk-about-button:hover span:first-child, button:hover .pk-widget-about .pk-about-button span:first-child { transform: translateY(-200%); } .pk-widget-about .pk-about-button:hover span:last-child, button:hover .pk-widget-about .pk-about-button span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-widget-about .pk-about-button span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } /*-------------------------------------------------------------- ## Author --------------------------------------------------------------*/ .pk-widget-author .pk-widget-author-container { display: flex; flex-direction: column; } .pk-widget-author .section-heading { order: 1; } .pk-widget-author .pk-author-avatar { margin-bottom: 1.5rem; order: 2; } .pk-widget-author .pk-author-title { margin: 0; order: 3; } .pk-widget-author .pk-author-data { order: 4; margin-top: 1.5rem; } .pk-widget-author .pk-author-data .author-description { font-size: inherit; color: inherit; } .pk-widget-author .pk-author-button { position: relative; width: auto; padding: 0.375rem 1rem; overflow: hidden; } .pk-widget-author .pk-author-button span { transition: all 0.2s ease; } .pk-widget-author .pk-author-button span:first-child { display: block; transform: translate(0); } .pk-widget-author .pk-author-button span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-widget-author .pk-author-button:hover span:first-child, button:hover .pk-widget-author .pk-author-button span:first-child { transform: translateY(-200%); } .pk-widget-author .pk-author-button:hover span:last-child, button:hover .pk-widget-author .pk-author-button span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-widget-author .pk-author-button span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .pk-widget-author-with-bg .pk-social-links-template-default .pk-social-links-link { color: white; } .pk-widget-author-with-bg .pk-social-links-template-default .pk-social-links-link:hover { color: rgba(255, 255, 255, 0.6); } /*-------------------------------------------------------------- ## Facebook --------------------------------------------------------------*/ .powerkit_facebook_fanpage_widget .fb-page-wrapper { max-width: 100%; justify-content: center; display: flex; } .powerkit_facebook_fanpage_widget .fb-page { width: 100%; } .powerkit_facebook_fanpage_widget .fb-page > span { display: block; margin: 0 auto; } /*-------------------------------------------------------------- ## Contributors --------------------------------------------------------------*/ .pk-widget-contributors .pk-author-posts > .pk-author-posts-single > a:before { font-family: "cs-icons"; content: "\e91d"; } .pk-widget-contributors .pk-author-item { margin-top: 1.5rem; padding-top: 1.5rem; } .pk-widget-contributors .pk-author-data .author-description { margin-bottom: 1rem; font-size: inherit; color: inherit; } @media (min-width: 760px) { .archive-list .widget .pk-widget-contributors, .archive-standard .widget .pk-widget-contributors { display: flex; flex-wrap: wrap; } .archive-list .widget .pk-widget-contributors .pk-author-item, .archive-standard .widget .pk-widget-contributors .pk-author-item { flex: 0 0 50%; width: 100%; max-width: 100%; } .archive-list .widget .pk-widget-contributors .pk-author-item:nth-child(-n+2), .archive-standard .widget .pk-widget-contributors .pk-author-item:nth-child(-n+2) { margin-top: 0; padding-top: 0; border-top: none; } .archive-list .widget .pk-widget-contributors .pk-author-item:nth-child(odd), .archive-standard .widget .pk-widget-contributors .pk-author-item:nth-child(odd) { padding-right: 20px; } .archive-list .widget .pk-widget-contributors .pk-author-item:nth-child(even), .archive-standard .widget .pk-widget-contributors .pk-author-item:nth-child(even) { padding-left: 20px; } } /*-------------------------------------------------------------- ## Content Formatting --------------------------------------------------------------*/ .entry-content .pk-dropcap-borders:first-letter { border-width: 3px; border-color: black; } .entry-content .pk-dropcap-border-right:first-letter { border-right-width: 3px; border-right-color: black; } .entry-content .pk-block-border-top:before { height: 2px; } .entry-content .pk-block-border-bottom:after { height: 2px; } .entry-content .pk-block-border-left { border-left-width: 3px; border-left-color: black; } .entry-content .pk-block-border-right { border-right-width: 3px; border-right-color: black; } .entry-content .pk-block-border-all { border-width: 3px; border-color: black; } /*-------------------------------------------------------------- ## Share Buttons --------------------------------------------------------------*/ /* --------------------------------------------------------------*/ .pk-share-buttons-wrap .pk-share-buttons-total { text-align: center; } .pk-share-buttons-post-loop, .pk-share-buttons-block-posts { display: inline-block; margin: 0; } .pk-share-buttons-post-loop .pk-share-buttons-item .pk-share-buttons-link, .pk-share-buttons-block-posts .pk-share-buttons-item .pk-share-buttons-link { background: transparent; height: auto; padding: 0; transition: unset; } .pk-share-buttons-post-loop .pk-share-buttons-item .pk-share-buttons-link:hover, .pk-share-buttons-block-posts .pk-share-buttons-item .pk-share-buttons-link:hover { background: transparent; } .pk-share-buttons-post-loop .pk-share-buttons-item .pk-share-buttons-icon, .pk-share-buttons-block-posts .pk-share-buttons-item .pk-share-buttons-icon { transition: 0.2s ease all; } .pk-share-buttons-post-loop .pk-share-buttons-item .pk-share-buttons-count, .pk-share-buttons-block-posts .pk-share-buttons-item .pk-share-buttons-count { opacity: 1; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-twitter .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-twitter .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #00aced; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-facebook .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-facebook .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #3b5998; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-instagram .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-instagram .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #675144; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-fb-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-fb-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #0084ff; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-google-plus .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-google-plus .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #dd4b39; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-googleplus .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-googleplus .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #dd4b39; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-linkedin .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-linkedin .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #007bb6; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-pinterest .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-pinterest .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #cb2027; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-stumbleupon .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-stumbleupon .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #eb4823; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-whatsapp .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-whatsapp .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #29a628; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-telegram .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-telegram .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #2ca5e0; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-line .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-line .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #25af00; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-viber .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-viber .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #7b519d; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-pocket .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-pocket .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #ef4056; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #0084ff; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-vk .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-vk .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #45668e; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-vkontakte .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-vkontakte .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #45668e; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-reddit .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-reddit .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #ff4500; } .pk-share-buttons-post-loop.pk-share-buttons-scheme-default .pk-share-buttons-mail .pk-share-buttons-link:hover .pk-share-buttons-icon, .pk-share-buttons-block-posts.pk-share-buttons-scheme-default .pk-share-buttons-mail .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #121212; } .pk-share-buttons-post-sidebar { display: inline-block; margin: 0; } .pk-share-buttons-post-sidebar .pk-share-buttons-total { margin: 0 0 2rem; } .pk-share-buttons-post-sidebar .pk-share-buttons-items { flex-direction: column; } .pk-share-buttons-post-sidebar .pk-share-buttons-item { margin-top: 1rem; padding: 0; } .pk-share-buttons-post-sidebar .pk-share-buttons-item .pk-share-buttons-link { background: transparent; flex-direction: column; height: auto; padding: 0; transition: unset; } .pk-share-buttons-post-sidebar .pk-share-buttons-item .pk-share-buttons-link:hover { background: transparent; } .pk-share-buttons-post-sidebar .pk-share-buttons-item .pk-share-buttons-icon { transition: 0.2s ease all; } .pk-share-buttons-post-sidebar .pk-share-buttons-item .pk-share-buttons-count { opacity: 1; } .pk-share-buttons-post-sidebar .pk-share-buttons-item:first-child { margin-top: 0; } .pk-share-buttons-post-sidebar .pk-share-buttons-icon { font-size: 1.5rem; } .pk-share-buttons-post-sidebar .pk-share-buttons-count { margin-top: 0.25rem; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-twitter .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #00aced; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-facebook .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #3b5998; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-instagram .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #675144; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-fb-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #0084ff; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-google-plus .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #dd4b39; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-googleplus .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #dd4b39; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-linkedin .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #007bb6; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-pinterest .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #cb2027; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-stumbleupon .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #eb4823; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-whatsapp .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #29a628; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-telegram .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #2ca5e0; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-line .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #25af00; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-viber .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #7b519d; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-pocket .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #ef4056; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-messenger .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #0084ff; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-vk .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #45668e; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-vkontakte .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #45668e; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-reddit .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #ff4500; } .pk-share-buttons-post-sidebar.pk-share-buttons-scheme-default .pk-share-buttons-mail .pk-share-buttons-link:hover .pk-share-buttons-icon { color: #121212; } .pk-share-buttons-blockquote .pk-share-buttons-link .pk-share-buttons-icon { font-size: 1rem; } .style-align-center .pk-share-buttons-blockquote .pk-share-buttons-items { justify-content: center; } .pk-share-buttons-before-post { margin-top: 0; } /*-------------------------------------------------------------- ## Social Links --------------------------------------------------------------*/ .pk-social-links-wrap .pk-social-links-link .pk-social-links-icon { font-size: 1rem; } .pk-social-links-template-inline .pk-social-links-link .pk-social-links-label, .pk-social-links-template-columns .pk-social-links-link .pk-social-links-label { margin-top: 0.5rem; } .pk-social-links-template-inline .pk-social-links-item { padding-top: 0.5rem; padding-bottom: 0.5rem; min-width: 2rem; } .pk-social-links-template-vertical .pk-social-links-item + .pk-social-links-item { margin-top: 0.5rem; } .widget .pk-social-links-template-inline .pk-social-links-items { justify-content: center; } /*-------------------------------------------------------------- ## Featured Posts --------------------------------------------------------------*/ .pk-widget-posts-template-default .entry-title, .pk-widget-posts-template-default .post-categories { margin-top: 0; margin-bottom: 0.5rem; } .pk-widget-posts-template-default .post-thumbnail img { width: 100%; } .pk-widget-posts-template-default .overlay-media:before { background: rgba(0, 0, 0, 0); } .pk-widget-posts-template-default .thumbnail-rounded .post-thumbnail:before, .pk-widget-posts-template-default .thumbnail-rounded .post-thumbnail img, .pk-widget-posts-template-default .thumbnail-rounded .post-number { border-radius: 50%; } .archive-main .pk-widget-posts article { margin-bottom: 0; } .pk-widget-posts-template-large .pk-post-item + .pk-post-item { margin-top: 1.5rem; } .pk-widget-posts-template-large .post-inner + .post-inner { margin-top: 1rem; } .pk-widget-posts-template-list .post-thumbnail { width: 100%; } .pk-widget-posts-template-numbered .post-thumbnail { display: block; position: relative; } .pk-widget-posts-template-numbered .post-thumbnail:before { opacity: 1; } .pk-widget-posts-template-numbered .post-number-wrap { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; line-height: 1; } .pk-widget-posts-template-numbered .post-number { display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; text-align: center; transition: all 0.2s ease; } .pk-widget-posts-template-numbered .post-number span { display: block; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; height: 30px; text-align: center; transition: all 0.2s ease; } .pk-widget-posts-template-numbered .post-number span:first-child { transform: translate(0); } .pk-widget-posts-template-numbered .post-number span:last-child { position: absolute; left: 50%; transform: translateY(0%) translateX(-50%); } .pk-widget-posts-template-numbered .post-thumbnail:hover .post-number span:first-child { transform: translateY(-100%); } .pk-widget-posts-template-numbered .post-thumbnail:hover .post-number span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-widget-posts-template-slider article { margin-bottom: 0; } .pk-widget-posts-template-slider .ratio-landscape .overlay-media:after { padding-bottom: 75%; } .pk-widget-posts-template-slider .meta-category { display: inline-block; margin-bottom: 1rem; } .pk-widget-posts-template-slider .post-meta { margin-bottom: 0; } .pk-widget-posts-template-slider .post-more { margin-top: 1.5rem; } .pk-widget-posts-template-slider .entry-title + .post-more { margin-top: 0; } .pk-widget-posts-template-slider .pk-post-item:not(:first-child) { margin-top: 0; } .pk-widget-posts-template-slider .pk-post-item { display: none; } .pk-widget-posts-template-slider ul > .pk-post-item:first-child { display: block; } .pk-widget-posts-template-slider .owl-item:first-child .pk-post-item, .pk-widget-posts-template-slider .owl-loaded .owl-item .pk-post-item, .pk-widget-posts-template-slider .owl-carousel { display: block; } .widget-area .pk-widget-posts-template-list > ul > li + li, .widget-area .pk-widget-posts-template-numbered > ul > li + li, .archive-masonry .pk-widget-posts-template-list > ul > li + li, .archive-masonry .pk-widget-posts-template-numbered > ul > li + li, .archive-grid .pk-widget-posts-template-list > ul > li + li, .archive-grid .pk-widget-posts-template-numbered > ul > li + li, .cnvs-block-widgetized-area .pk-widget-posts-template-list > ul > li + li, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered > ul > li + li { margin-top: 1rem; } .widget-area .pk-widget-posts-template-list .post-outer, .widget-area .pk-widget-posts-template-numbered .post-outer, .archive-masonry .pk-widget-posts-template-list .post-outer, .archive-masonry .pk-widget-posts-template-numbered .post-outer, .archive-grid .pk-widget-posts-template-list .post-outer, .archive-grid .pk-widget-posts-template-numbered .post-outer, .cnvs-block-widgetized-area .pk-widget-posts-template-list .post-outer, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-outer { display: flex; } .widget-area .pk-widget-posts-template-list .post-inner:first-child, .widget-area .pk-widget-posts-template-numbered .post-inner:first-child, .archive-masonry .pk-widget-posts-template-list .post-inner:first-child, .archive-masonry .pk-widget-posts-template-numbered .post-inner:first-child, .archive-grid .pk-widget-posts-template-list .post-inner:first-child, .archive-grid .pk-widget-posts-template-numbered .post-inner:first-child, .cnvs-block-widgetized-area .pk-widget-posts-template-list .post-inner:first-child, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-inner:first-child { flex: 0 0 105px; width: 105px; max-width: 105px; padding-right: 15px; } .widget-area .pk-widget-posts-template-list .post-inner:first-child a, .widget-area .pk-widget-posts-template-numbered .post-inner:first-child a, .archive-masonry .pk-widget-posts-template-list .post-inner:first-child a, .archive-masonry .pk-widget-posts-template-numbered .post-inner:first-child a, .archive-grid .pk-widget-posts-template-list .post-inner:first-child a, .archive-grid .pk-widget-posts-template-numbered .post-inner:first-child a, .cnvs-block-widgetized-area .pk-widget-posts-template-list .post-inner:first-child a, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-inner:first-child a { display: block; width: 100%; } .widget-area .pk-widget-posts-template-list .post-inner:first-child img, .widget-area .pk-widget-posts-template-numbered .post-inner:first-child img, .archive-masonry .pk-widget-posts-template-list .post-inner:first-child img, .archive-masonry .pk-widget-posts-template-numbered .post-inner:first-child img, .archive-grid .pk-widget-posts-template-list .post-inner:first-child img, .archive-grid .pk-widget-posts-template-numbered .post-inner:first-child img, .cnvs-block-widgetized-area .pk-widget-posts-template-list .post-inner:first-child img, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-inner:first-child img { width: 100%; height: auto; } .widget-area .pk-widget-posts-template-list .post-inner:last-child, .widget-area .pk-widget-posts-template-numbered .post-inner:last-child, .archive-masonry .pk-widget-posts-template-list .post-inner:last-child, .archive-masonry .pk-widget-posts-template-numbered .post-inner:last-child, .archive-grid .pk-widget-posts-template-list .post-inner:last-child, .archive-grid .pk-widget-posts-template-numbered .post-inner:last-child, .cnvs-block-widgetized-area .pk-widget-posts-template-list .post-inner:last-child, .cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-inner:last-child { display: flex; flex: 0 0 calc(100% - 105px); flex-direction: column; justify-content: center; max-width: calc(100% - 105px); flex-basis: calc(100% - 105px); } .archive-standard .pk-widget-posts-template-large, .archive-standard .pk-widget-posts-template-list, .archive-standard .pk-widget-posts-template-numbered, .archive-list .pk-widget-posts-template-large, .archive-list .pk-widget-posts-template-list, .archive-list .pk-widget-posts-template-numbered { text-align: center; } .archive-standard .pk-widget-posts-template-large .post-inner + .post-inner, .archive-standard .pk-widget-posts-template-list .post-inner + .post-inner, .archive-standard .pk-widget-posts-template-numbered .post-inner + .post-inner, .archive-list .pk-widget-posts-template-large .post-inner + .post-inner, .archive-list .pk-widget-posts-template-list .post-inner + .post-inner, .archive-list .pk-widget-posts-template-numbered .post-inner + .post-inner { margin-top: 1rem; } .archive-standard .pk-widget-posts-template-large > ul > li, .archive-standard .pk-widget-posts-template-list > ul > li, .archive-standard .pk-widget-posts-template-numbered > ul > li, .archive-list .pk-widget-posts-template-large > ul > li, .archive-list .pk-widget-posts-template-list > ul > li, .archive-list .pk-widget-posts-template-numbered > ul > li { margin-top: 1rem; } .archive-standard .pk-widget-posts-template-large > ul > li:first-child, .archive-standard .pk-widget-posts-template-list > ul > li:first-child, .archive-standard .pk-widget-posts-template-numbered > ul > li:first-child, .archive-list .pk-widget-posts-template-large > ul > li:first-child, .archive-list .pk-widget-posts-template-list > ul > li:first-child, .archive-list .pk-widget-posts-template-numbered > ul > li:first-child { margin-top: 0; } .archive-standard .pk-widget-posts-template-large .thumbnail-rounded .post-number-wrap, .archive-standard .pk-widget-posts-template-list .thumbnail-rounded .post-number-wrap, .archive-standard .pk-widget-posts-template-numbered .thumbnail-rounded .post-number-wrap, .archive-list .pk-widget-posts-template-large .thumbnail-rounded .post-number-wrap, .archive-list .pk-widget-posts-template-list .thumbnail-rounded .post-number-wrap, .archive-list .pk-widget-posts-template-numbered .thumbnail-rounded .post-number-wrap { top: 10px; left: 10px; } .archive-standard .pk-widget-posts-template-large > ul, .archive-standard .pk-widget-posts-template-list > ul, .archive-standard .pk-widget-posts-template-numbered > ul, .archive-list .pk-widget-posts-template-large > ul, .archive-list .pk-widget-posts-template-list > ul, .archive-list .pk-widget-posts-template-numbered > ul { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .archive-standard .pk-widget-posts-template-large > ul > li, .archive-standard .pk-widget-posts-template-list > ul > li, .archive-standard .pk-widget-posts-template-numbered > ul > li, .archive-list .pk-widget-posts-template-large > ul > li, .archive-list .pk-widget-posts-template-list > ul > li, .archive-list .pk-widget-posts-template-numbered > ul > li { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 50%; max-width: 50%; } .archive-standard .pk-widget-posts-template-large > ul > li:nth-child(-n+2), .archive-standard .pk-widget-posts-template-list > ul > li:nth-child(-n+2), .archive-standard .pk-widget-posts-template-numbered > ul > li:nth-child(-n+2), .archive-list .pk-widget-posts-template-large > ul > li:nth-child(-n+2), .archive-list .pk-widget-posts-template-list > ul > li:nth-child(-n+2), .archive-list .pk-widget-posts-template-numbered > ul > li:nth-child(-n+2) { margin-top: 0; } @media (min-width: 1120px) { .archive-standard .pk-widget-posts-template-large > ul > li, .archive-standard .pk-widget-posts-template-list > ul > li, .archive-standard .pk-widget-posts-template-numbered > ul > li, .archive-list .pk-widget-posts-template-large > ul > li, .archive-list .pk-widget-posts-template-list > ul > li, .archive-list .pk-widget-posts-template-numbered > ul > li { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .archive-standard .pk-widget-posts-template-large > ul > li:nth-child(-n+6), .archive-standard .pk-widget-posts-template-list > ul > li:nth-child(-n+6), .archive-standard .pk-widget-posts-template-numbered > ul > li:nth-child(-n+6), .archive-list .pk-widget-posts-template-large > ul > li:nth-child(-n+6), .archive-list .pk-widget-posts-template-list > ul > li:nth-child(-n+6), .archive-list .pk-widget-posts-template-numbered > ul > li:nth-child(-n+6) { margin-top: 0; } .archive-standard .pk-widget-posts-template-large.posts-per-page-1 > ul > li, .archive-standard .pk-widget-posts-template-list.posts-per-page-1 > ul > li, .archive-standard .pk-widget-posts-template-numbered.posts-per-page-1 > ul > li, .archive-list .pk-widget-posts-template-large.posts-per-page-1 > ul > li, .archive-list .pk-widget-posts-template-list.posts-per-page-1 > ul > li, .archive-list .pk-widget-posts-template-numbered.posts-per-page-1 > ul > li { flex: 0 0 100%; max-width: 100%; } .archive-standard .pk-widget-posts-template-large.posts-per-page-2 > ul > li, .archive-standard .pk-widget-posts-template-list.posts-per-page-2 > ul > li, .archive-standard .pk-widget-posts-template-numbered.posts-per-page-2 > ul > li, .archive-list .pk-widget-posts-template-large.posts-per-page-2 > ul > li, .archive-list .pk-widget-posts-template-list.posts-per-page-2 > ul > li, .archive-list .pk-widget-posts-template-numbered.posts-per-page-2 > ul > li { flex: 0 0 50%; max-width: 50%; } .archive-standard .pk-widget-posts-template-large.posts-per-page-3 > ul > li, .archive-standard .pk-widget-posts-template-list.posts-per-page-3 > ul > li, .archive-standard .pk-widget-posts-template-numbered.posts-per-page-3 > ul > li, .archive-list .pk-widget-posts-template-large.posts-per-page-3 > ul > li, .archive-list .pk-widget-posts-template-list.posts-per-page-3 > ul > li, .archive-list .pk-widget-posts-template-numbered.posts-per-page-3 > ul > li { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .archive-standard .pk-widget-posts-template-large.posts-per-page-4 > ul > li, .archive-standard .pk-widget-posts-template-list.posts-per-page-4 > ul > li, .archive-standard .pk-widget-posts-template-numbered.posts-per-page-4 > ul > li, .archive-list .pk-widget-posts-template-large.posts-per-page-4 > ul > li, .archive-list .pk-widget-posts-template-list.posts-per-page-4 > ul > li, .archive-list .pk-widget-posts-template-numbered.posts-per-page-4 > ul > li { flex: 0 0 25%; max-width: 25%; } .archive-standard .pk-widget-posts-template-large.posts-per-page-5 > ul > li, .archive-standard .pk-widget-posts-template-list.posts-per-page-5 > ul > li, .archive-standard .pk-widget-posts-template-numbered.posts-per-page-5 > ul > li, .archive-list .pk-widget-posts-template-large.posts-per-page-5 > ul > li, .archive-list .pk-widget-posts-template-list.posts-per-page-5 > ul > li, .archive-list .pk-widget-posts-template-numbered.posts-per-page-5 > ul > li { flex: 0 0 20%; max-width: 20%; } } /*-------------------------------------------------------------- ## Scroll to top button --------------------------------------------------------------*/ .pk-scroll-to-top { background: rgba(44, 47, 48, 0.5); transition: all 0.25s; } .pk-scroll-to-top .pk-icon { padding: 0.5rem; } .pk-scroll-to-top .pk-icon:before { font-family: "cs-icons"; color: #fff; content: "\e91e"; } .pk-scroll-to-top:hover { background: rgba(44, 47, 48, 0.8); } /*-------------------------------------------------------------- ## Lightbox --------------------------------------------------------------*/ .pk-zoom-icon-popup:after { background: rgba(44, 47, 48, 0.5); padding: 0.5rem; width: auto; height: auto; line-height: normal; content: "\e910"; font-family: "cs-icons"; } /*-------------------------------------------------------------- ## Pinterest --------------------------------------------------------------*/ .pk-pin-it { padding: 0.5rem; width: auto; height: auto; line-height: normal; overflow: hidden; } .pk-pin-it span { transition: all 0.2s ease; } .pk-pin-it span:first-child { display: block; transform: translate(0); } .pk-pin-it span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-pin-it:hover span:first-child, button:hover .pk-pin-it span:first-child { transform: translateY(-200%); } .pk-pin-it:hover span:last-child, button:hover .pk-pin-it span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-pin-it span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .tiled-gallery .tiled-gallery-item .pk-pin-it { padding: 0.5rem; } .wp-block-gallery.is-cropped .blocks-gallery-item .pk-pin-it { width: auto; height: auto; line-height: normal; } /*-------------------------------------------------------------- ## Subscribe form --------------------------------------------------------------*/ .pk-subscribe-form-wrap .subscription { position: relative; overflow: hidden; } .pk-subscribe-form-wrap .subscription.pk-loading .pk-input-group { opacity: 0.1; } .pk-subscribe-form-wrap .subscription.pk-loading:before { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; content: ""; } .pk-subscribe-form-wrap .subscription.pk-loading:after { width: 24px; height: 24px; border: 2px solid rgba(119, 119, 119, 0.25); border-top-color: #777; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; content: ""; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .pk-subscribe-form-wrap .pk-subscribe-message { letter-spacing: 0; color: inherit; margin-bottom: 1.5rem; } .pk-subscribe-form-wrap .pk-alert, .pk-subscribe-form-wrap .pk-privacy { margin-top: 1.5rem; } .pk-subscribe-form-wrap .pk-privacy label { color: inherit; } .pk-subscribe-form-wrap .pk-subscribe-submit { position: relative; overflow: hidden; } .pk-subscribe-form-wrap .pk-subscribe-submit span { transition: all 0.2s ease; } .pk-subscribe-form-wrap .pk-subscribe-submit span:first-child { display: block; transform: translate(0); } .pk-subscribe-form-wrap .pk-subscribe-submit span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-subscribe-form-wrap .pk-subscribe-submit:hover span:first-child, button:hover .pk-subscribe-form-wrap .pk-subscribe-submit span:first-child { transform: translateY(-200%); } .pk-subscribe-form-wrap .pk-subscribe-submit:hover span:last-child, button:hover .pk-subscribe-form-wrap .pk-subscribe-submit span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-subscribe-form-wrap .pk-subscribe-submit span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .widget .pk-subscribe-with-bg input[type="text"] { width: 100%; } .entry-content .pk-subscribe-form-wrap, .post-subscribe .pk-subscribe-form-wrap, .footer-section .pk-subscribe-form-wrap, .archive-list .pk-subscribe-form-wrap, .archive-full .pk-subscribe-form-wrap { padding: 40px; } .entry-content .pk-subscribe-form-wrap .pk-title, .post-subscribe .pk-subscribe-form-wrap .pk-title, .footer-section .pk-subscribe-form-wrap .pk-title, .archive-list .pk-subscribe-form-wrap .pk-title, .archive-full .pk-subscribe-form-wrap .pk-title { margin-top: 0; } .entry-content .pk-subscribe-form-wrap button, .post-subscribe .pk-subscribe-form-wrap button, .footer-section .pk-subscribe-form-wrap button, .archive-list .pk-subscribe-form-wrap button, .archive-full .pk-subscribe-form-wrap button { margin-top: 0; } .entry-content .pk-subscribe-with-name input[type="text"], .entry-content .pk-subscribe-with-bg input[type="text"], .post-subscribe .pk-subscribe-with-name input[type="text"], .post-subscribe .pk-subscribe-with-bg input[type="text"], .footer-section .pk-subscribe-with-name input[type="text"], .footer-section .pk-subscribe-with-bg input[type="text"], .archive-list .pk-subscribe-with-name input[type="text"], .archive-list .pk-subscribe-with-bg input[type="text"], .archive-full .pk-subscribe-with-name input[type="text"], .archive-full .pk-subscribe-with-bg input[type="text"] { width: 100%; text-align: center; } .entry-content .pk-subscribe-with-name button, .entry-content .pk-subscribe-with-bg button, .post-subscribe .pk-subscribe-with-name button, .post-subscribe .pk-subscribe-with-bg button, .footer-section .pk-subscribe-with-name button, .footer-section .pk-subscribe-with-bg button, .archive-list .pk-subscribe-with-name button, .archive-list .pk-subscribe-with-bg button, .archive-full .pk-subscribe-with-name button, .archive-full .pk-subscribe-with-bg button { margin-top: 0.5rem; padding: 0.5rem; } @media (min-width: 760px) { .entry-content .pk-subscribe-with-name .pk-input-group, .entry-content .pk-subscribe-with-bg .pk-input-group, .post-subscribe .pk-subscribe-with-name .pk-input-group, .post-subscribe .pk-subscribe-with-bg .pk-input-group, .footer-section .pk-subscribe-with-name .pk-input-group, .footer-section .pk-subscribe-with-bg .pk-input-group, .archive-list .pk-subscribe-with-name .pk-input-group, .archive-list .pk-subscribe-with-bg .pk-input-group, .archive-full .pk-subscribe-with-name .pk-input-group, .archive-full .pk-subscribe-with-bg .pk-input-group { display: flex; flex-direction: row; } .entry-content .pk-subscribe-with-name input[type="text"], .entry-content .pk-subscribe-with-bg input[type="text"], .post-subscribe .pk-subscribe-with-name input[type="text"], .post-subscribe .pk-subscribe-with-bg input[type="text"], .footer-section .pk-subscribe-with-name input[type="text"], .footer-section .pk-subscribe-with-bg input[type="text"], .archive-list .pk-subscribe-with-name input[type="text"], .archive-list .pk-subscribe-with-bg input[type="text"], .archive-full .pk-subscribe-with-name input[type="text"], .archive-full .pk-subscribe-with-bg input[type="text"] { width: 1%; margin-top: 0; text-align: left; border-right: none; } .entry-content .pk-subscribe-with-name button, .entry-content .pk-subscribe-with-bg button, .post-subscribe .pk-subscribe-with-name button, .post-subscribe .pk-subscribe-with-bg button, .footer-section .pk-subscribe-with-name button, .footer-section .pk-subscribe-with-bg button, .archive-list .pk-subscribe-with-name button, .archive-list .pk-subscribe-with-bg button, .archive-full .pk-subscribe-with-name button, .archive-full .pk-subscribe-with-bg button { margin-top: 0; } } .entry-content .pk-subscribe-with-bg, .post-subscribe .pk-subscribe-with-bg, .footer-section .pk-subscribe-with-bg, .archive-list .pk-subscribe-with-bg, .archive-full .pk-subscribe-with-bg { padding: 0; } .archive-grid .pk-subscribe-form-wrap, .archive-masonry .pk-subscribe-form-wrap { padding: 40px; } .archive-grid .pk-subscribe-form-wrap .pk-input-group, .archive-masonry .pk-subscribe-form-wrap .pk-input-group { flex-direction: column; } .archive-grid .pk-subscribe-form-wrap .pk-input-group input[type="text"], .archive-masonry .pk-subscribe-form-wrap .pk-input-group input[type="text"] { margin-top: 0.5rem; width: 100%; } .archive-grid .pk-subscribe-form-wrap .pk-input-group button, .archive-masonry .pk-subscribe-form-wrap .pk-input-group button { margin-top: 0.5rem; } .archive-grid .pk-subscribe-with-bg, .archive-masonry .pk-subscribe-with-bg { padding: 0; } .footer-section .pk-subscribe-form-wrap { padding: 0; } .cs-subscribe .pk-subscribe-form-wrap { padding: 40px; } /*-------------------------------------------------------------- ## Twitter --------------------------------------------------------------*/ /* Twitter */ .pk-twitter-wrap .pk-twitter-container { flex-direction: column; text-align: center; } .pk-twitter-wrap .pk-twitter-link { margin: 0; } .pk-twitter-wrap .pk-twitter-link img { margin: 0; } .pk-twitter-wrap .pk-twitter-name { margin: 0.5rem; } .pk-twitter-wrap .pk-twitter-counters { justify-content: center; } .pk-twitter-wrap .pk-twitter-counters .number { color: inherit; font-weight: inherit; font-size: inherit; } .pk-twitter-wrap .pk-twitter-tweet { position: relative; border-top: none; padding-top: 0; } .pk-twitter-wrap .pk-twitter-content { font-size: inherit; color: inherit; } .pk-twitter-wrap .pk-twitter-time { float: none; } .pk-twitter-wrap .pk-twitter-time:before { display: none; } .pk-twitter-wrap .pk-twitter-actions { display: block; float: none; font-size: inherit; } .pk-twitter-wrap .pk-twitter-actions ul, .pk-twitter-wrap .pk-twitter-actions li { margin-bottom: 0; } .pk-twitter-wrap .pk-twitter-btn { width: auto; padding: 0; } .pk-twitter-wrap .pk-twitter-follow { display: block; position: relative; width: auto; padding: 0.375rem 1rem; overflow: hidden; } .pk-twitter-wrap .pk-twitter-follow span { transition: all 0.2s ease; } .pk-twitter-wrap .pk-twitter-follow span:first-child { display: block; transform: translate(0); } .pk-twitter-wrap .pk-twitter-follow span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-twitter-wrap .pk-twitter-follow:hover span:first-child, button:hover .pk-twitter-wrap .pk-twitter-follow span:first-child { transform: translateY(-200%); } .pk-twitter-wrap .pk-twitter-follow:hover span:last-child, button:hover .pk-twitter-wrap .pk-twitter-follow span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-twitter-wrap .pk-twitter-follow span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .pk-twitter-wrap .slider-flip .owl-stage-outer { margin: 0; padding: 0; } .pk-twitter-default .pk-twitter-tweet { padding-left: 2rem; } .pk-twitter-default .pk-twitter-tweet:before { position: absolute; top: 0; left: 0; font-family: 'cs-icons'; content: "\e938"; } .pk-twitter-slider { padding: 2rem; text-align: center; } .pk-twitter-slider .pk-twitter-link { margin-bottom: 0.5rem; } .pk-twitter-slider .pk-twitter-time { justify-content: center; } .pk-twitter-slider .pk-twitter-label { display: none; } .pk-twitter-slider .pk-twitter-footer { margin-top: 1rem; } .pk-twitter-slider .pk-twitter-tweet { display: none; } .pk-twitter-slider .pk-tweets > .pk-twitter-tweet:first-child { display: block; } .pk-twitter-slider .owl-slide:first-child .pk-twitter-tweet { display: block; } .pk-twitter-slider .owl-loaded .owl-slide .pk-twitter-tweet { display: block; } .pk-twitter-slider .owl-carousel { display: block; } /*-------------------------------------------------------------- ## Instagram --------------------------------------------------------------*/ .pk-instagram-feed .pk-instagram-container { flex-direction: column; text-align: center; } .pk-instagram-feed .pk-avatar-link { margin: 0; } .pk-instagram-feed .pk-avatar-link img { margin: 0; } .pk-instagram-feed .pk-instagram-username { margin: 1rem 0 0; } .pk-instagram-feed .pk-instagram-name { margin: 0; } .pk-instagram-feed .pk-instagram-counters { justify-content: center; } .pk-instagram-feed .pk-instagram-counters .number { color: inherit; font-weight: inherit; font-size: inherit; } .pk-instagram-feed .pk-instagram-data { opacity: 1; } .pk-instagram-feed .pk-instagram-meta { opacity: 0; transition: 0.2s ease all; transform: translate3d(0, 1rem, 0); } .pk-instagram-feed .pk-instagram-meta .pk-meta { font-size: inherit; } .pk-instagram-feed .pk-instagram-link:hover .pk-instagram-image { transform: none; } .pk-instagram-feed .pk-instagram-link:hover .pk-instagram-meta { opacity: 1; transform: translate3d(0, 0, 0); } .pk-instagram-feed .pk-instagram-btn { width: auto; padding: 0; } .pk-instagram-feed .pk-instagram-follow { display: block; position: relative; width: auto; padding: 0.375rem 1rem; overflow: hidden; } .pk-instagram-feed .pk-instagram-follow span { transition: all 0.2s ease; } .pk-instagram-feed .pk-instagram-follow span:first-child { display: block; transform: translate(0); } .pk-instagram-feed .pk-instagram-follow span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .pk-instagram-feed .pk-instagram-follow:hover span:first-child, button:hover .pk-instagram-feed .pk-instagram-follow span:first-child { transform: translateY(-200%); } .pk-instagram-feed .pk-instagram-follow:hover span:last-child, button:hover .pk-instagram-feed .pk-instagram-follow span:last-child { transform: translateY(-100%) translateX(-50%); } .pk-instagram-feed .pk-instagram-follow span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } .widget .pk-instagram-feed .pk-meta-comments { display: none; } .archive-list .widget .pk-meta-comments, .archive-standard .widget .pk-meta-comments { display: block; } .archive-list .widget .pk-instagram-size-auto .pk-instagram-item, .archive-standard .widget .pk-instagram-size-auto .pk-instagram-item { flex: 0 0 calc(50% - 10px); } @media (min-width: 760px) { .archive-list .widget .pk-instagram-template-default .pk-instagram-item, .archive-standard .widget .pk-instagram-template-default .pk-instagram-item { flex: 0 0 calc(25% - 10px); } } .footer-instagram .instagram-timeline .pk-instagram-template-default .pk-instagram-item { flex: 0 0 50%; } @media (min-width: 760px) { .footer-instagram .instagram-timeline .pk-instagram-template-default .pk-instagram-item { flex: 0 0 33.3333333333%; } } @media (min-width: 1020px) { .footer-instagram .instagram-timeline .pk-instagram-template-default .pk-instagram-item { flex: 0 0 16.6666666667%; } } /*-------------------------------------------------------------- ## Inline Posts --------------------------------------------------------------*/ .pk-inline-posts .pk-post-inner .post-meta { margin-bottom: 1rem; } .pk-inline-posts .pk-post-inner .pk-title { margin-bottom: 1rem; } /*-------------------------------------------------------------- ## Table of Contents --------------------------------------------------------------*/ .pk-toc:not(:last-child) { padding-bottom: 40px; margin-bottom: 3rem; border-bottom: 1px #e9ecef solid; } .pk-toc:not(:first-child) { padding-top: 40px; margin-top: 3rem; border-top: 1px #e9ecef solid; } /*-------------------------------------------------------------- # Canvas --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Alert --------------------------------------------------------------*/ .cnvs-block-alert { color: black; padding: 1rem 1.25rem; margin-bottom: 1.5rem; } .cnvs-block-alert h1, .cnvs-block-alert h2, .cnvs-block-alert h3, .cnvs-block-alert h4, .cnvs-block-alert h5, .cnvs-block-alert h6 { color: black !important; } .cnvs-block-alert .cnvs-title { margin-top: 0; margin-bottom: 1rem; color: black !important; } .cnvs-block-alert .cnvs-close { font-size: 1rem; } .cnvs-block-alert a { color: black !important; text-decoration: underline; } .cnvs-block-alert a:hover { text-decoration: none; } .entry-content .cnvs-block-alert p { color: #000; } /*-------------------------------------------------------------- ## Drop Caps --------------------------------------------------------------*/ .entry-content .has-drop-cap.is-cnvs-dropcap-bordered:first-letter { border-width: 3px; border-color: black; } .entry-content .has-drop-cap.is-cnvs-dropcap-border-right:first-letter { border-right-width: 3px; border-right-color: black; } /*-------------------------------------------------------------- ## Collapsibles --------------------------------------------------------------*/ .cnvs-block-collapsibles .cnvs-block-collapsible { border: 1px solid rgba(0, 0, 0, 0.125); border-width: 1px; border-radius: 0; } .cnvs-block-collapsibles .cnvs-block-collapsible:not(:last-child) { border-bottom: none; } .cnvs-block-collapsibles .cnvs-block-collapsible .cnvs-block-collapsible-title { padding: 0.75rem 1.25rem; } .cnvs-block-collapsibles .cnvs-block-collapsible .cnvs-block-collapsible-title a { padding: 0; } .cnvs-block-collapsibles .cnvs-block-collapsible-content { padding: 1.25rem; } /*-------------------------------------------------------------- ## Tabs --------------------------------------------------------------*/ .cnvs-block-tabs .cnvs-block-tabs-buttons { margin-bottom: 1.5rem; } .cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button { border-radius: 0; } .cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button a { border-radius: 0; } .cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button { margin-bottom: 0.5rem; } @media (min-width: 768px) { .cnvs-block-tabs .cnvs-block-tabs-buttons .cnvs-block-tabs-button { margin-bottom: 0; } } .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons { margin-bottom: 0; } .cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button, .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons .cnvs-block-tabs-button { border-radius: 0; } .cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button a, .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons .cnvs-block-tabs-button a { border-radius: 0; } .cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active, .cnvs-block-tabs.is-style-cnvs-block-tabs-pills .cnvs-block-tabs-buttons .cnvs-block-tabs-button.cnvs-block-tabs-button-active a { color: #fff; } /*-------------------------------------------------------------- ## Separator --------------------------------------------------------------*/ .wp-block-separator:after { border-color: currentColor !important; opacity: 1 !important; } /*-------------------------------------------------------------- ## Section Heading --------------------------------------------------------------*/ .cnvs-block-section-heading { width: 100%; margin-left: 0; margin-right: 0; } .cnvs-block-section-heading .cnvs-section-title { display: inline-flex; } .cnvs-block-section-heading .cnvs-section-title > span { position: relative; } .cnvs-block-section-heading.haligncenter { text-align: center; } .cnvs-block-section-heading.halignright { text-align: right; } /*-------------------------------------------------------------- ## Sections --------------------------------------------------------------*/ .cnvs-block-section > .cnvs-block-section-outer { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 760px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1000px; } } @media (min-width: 1120px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1080px; } } @media (min-width: 1240px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1200px; } } @media (min-width: 1020px) { .cnvs-block-section > .cnvs-block-section-outer > .cnvs-block-section-inner { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } } .cnvs-block-section-with-background-color { padding-top: 20px; padding-bottom: 20px; } .cnvs-block-section-content { flex: 1; max-width: 100%; min-width: 0; } .cnvs-block-section-sidebar-inner > *:not(:first-child) { margin-top: 3rem; } @media (min-width: 1020px) { .cnvs-block-section-content { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 1; max-width: 100%; min-width: 0; } .cnvs-block-section-sidebar { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; flex: 0 0 340px; max-width: 340px; min-width: 0; } } @media (min-width: 1120px) { .cnvs-block-section-sidebar { flex: 0 0 360px; max-width: 360px; } } @media (min-width: 1120px) { .cnvs-block-section-sidebar-position-left .cnvs-block-section-content { order: 1; } .cnvs-block-section-sidebar-position-left .cnvs-block-section-sidebar { padding-right: 40px; } .cnvs-block-section-sidebar-position-right .cnvs-block-section-sidebar { padding-left: 40px; } } @media (max-width: 1019.98px) { .cnvs-block-section-sidebar { max-width: 340px; margin: 0 auto; margin-top: 40px; } } @media (min-width: 1020px) { .cnvs-block-section-layout-align-full { width: 100vw !important; margin-right: initial; margin-left: calc(50% - 50vw); } } .cnvs-block-section-layout-align-full > .cnvs-block-section-outer { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .cnvs-block-section-layout-align-full > .cnvs-block-section-outer > .cnvs-block-section-inner { margin-right: 0 !important; margin-left: 0 !important; } .cnvs-block-section-layout-align-full .cnvs-block-section-content { padding-right: 0 !important; padding-left: 0 !important; } .cnvs-block-section-sidebar-sticky-top .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; top: 30px; } .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; bottom: 30px; margin-top: auto; } @-moz-document url-prefix() { .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner { position: sticky; top: 30px; bottom: initial; margin-top: initial; } } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner { height: 100%; } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner > :last-child { position: -webkit-sticky; position: sticky; top: 50px; } .cnvs-block-section .cnvs-block-section-content-inner > * { margin-top: 32px; margin-bottom: 32px; } .cnvs-block-section .cnvs-block-section-content-inner > *:first-child { margin-top: 0; } .cnvs-block-section .cnvs-block-section-content-inner > *:last-child { margin-bottom: 0; } .cnvs-block-section .cnvs-block-section-content-inner > *:last-child:after { content: ''; clear: both; display: table; } @media (min-width: 1440px) { .container-wide .cnvs-block-section > .cnvs-block-section-inner { max-width: 1360px; } } @media (min-width: 1640px) { .container-wide .cnvs-block-section > .cnvs-block-section-inner { max-width: 1560px; } } /*-------------------------------------------------------------- ## Author Box --------------------------------------------------------------*/ .cnvs-block-author .wp-block-button .wp-block-button__link { position: relative; overflow: hidden; overflow: hidden; } .cnvs-block-author .wp-block-button .wp-block-button__link span { transition: all 0.2s ease; } .cnvs-block-author .wp-block-button .wp-block-button__link span:first-child { display: block; transform: translate(0); } .cnvs-block-author .wp-block-button .wp-block-button__link span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .cnvs-block-author .wp-block-button .wp-block-button__link:hover span:first-child, button:hover .cnvs-block-author .wp-block-button .wp-block-button__link span:first-child { transform: translateY(-200%); } .cnvs-block-author .wp-block-button .wp-block-button__link:hover span:last-child, button:hover .cnvs-block-author .wp-block-button .wp-block-button__link span:last-child { transform: translateY(-100%) translateX(-50%); } .cnvs-block-author .wp-block-button .wp-block-button__link span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } /*-------------------------------------------------------------- ## Table of Contents --------------------------------------------------------------*/ .cnvs-block-toc:not(:last-child) { padding-bottom: 40px; margin-bottom: 3rem; border-bottom: 1px #e9ecef solid; } .cnvs-block-toc:not(:first-child) { padding-top: 40px; margin-top: 3rem; border-top: 1px #e9ecef solid; } .wp-block[data-type="canvas/toc"]:not(:last-child) { margin-bottom: 3rem; border-bottom: 1px #e9ecef solid; } .wp-block[data-type="canvas/toc"]:not(:first-child) { margin-top: 3rem; border-top: 1px #e9ecef solid; } /*-------------------------------------------------------------- ## Twitter --------------------------------------------------------------*/ .cnvs-block-twitter .wp-block-button .wp-block-button__link { position: relative; overflow: hidden; overflow: hidden; } .cnvs-block-twitter .wp-block-button .wp-block-button__link span { transition: all 0.2s ease; } .cnvs-block-twitter .wp-block-button .wp-block-button__link span:first-child { display: block; transform: translate(0); } .cnvs-block-twitter .wp-block-button .wp-block-button__link span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .cnvs-block-twitter .wp-block-button .wp-block-button__link:hover span:first-child, button:hover .cnvs-block-twitter .wp-block-button .wp-block-button__link span:first-child { transform: translateY(-200%); } .cnvs-block-twitter .wp-block-button .wp-block-button__link:hover span:last-child, button:hover .cnvs-block-twitter .wp-block-button .wp-block-button__link span:last-child { transform: translateY(-100%) translateX(-50%); } .cnvs-block-twitter .wp-block-button .wp-block-button__link span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } /*-------------------------------------------------------------- ## Instagram --------------------------------------------------------------*/ .cnvs-block-instagram .wp-block-button .wp-block-button__link { position: relative; overflow: hidden; overflow: hidden; } .cnvs-block-instagram .wp-block-button .wp-block-button__link span { transition: all 0.2s ease; } .cnvs-block-instagram .wp-block-button .wp-block-button__link span:first-child { display: block; transform: translate(0); } .cnvs-block-instagram .wp-block-button .wp-block-button__link span:last-child { display: block; position: absolute; left: 50%; transform: translateY(200%) translateX(-50%); } .cnvs-block-instagram .wp-block-button .wp-block-button__link:hover span:first-child, button:hover .cnvs-block-instagram .wp-block-button .wp-block-button__link span:first-child { transform: translateY(-200%); } .cnvs-block-instagram .wp-block-button .wp-block-button__link:hover span:last-child, button:hover .cnvs-block-instagram .wp-block-button .wp-block-button__link span:last-child { transform: translateY(-100%) translateX(-50%); } .cnvs-block-instagram .wp-block-button .wp-block-button__link span > i { display: inline-block; font-size: 1rem; vertical-align: middle; } /*-------------------------------------------------------------- ## Subscribe --------------------------------------------------------------*/ .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap { background-color: transparent; padding: 0; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap button { margin-top: 0; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group { flex-direction: column; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group input, .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group button { margin-top: 0.5rem; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group input:first-child, .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group button:first-child { margin-top: 0; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group input[type="text"] { width: 100%; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group input[type="text"] { width: 100%; text-align: center; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group button { margin-top: 0.5rem; padding: 0.5rem; } @media (min-width: 760px) { .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group { display: flex; flex-direction: row; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group input[type="text"] { width: 1%; margin: 0; text-align: left; border-right: none; } .cnvs-block-opt-in-form .pk-subscribe-form-block.pk-subscribe-form-wrap.pk-subscribe-with-name .pk-input-group button { margin-top: 0; } } /*-------------------------------------------------------------- ## Featured Categories --------------------------------------------------------------*/ .cnvs-featured-categories-tiles .pk-featured-link span:after { margin-left: 0.5rem; font-family: "cs-icons"; content: "\e91d"; } .cnvs-featured-categories-vertical-list .pk-featured-count { width: 30px; min-width: 30px; height: 30px; padding: 0; } .cnvs-featured-categories-vertical-list .pk-featured-count:after { width: 100%; height: 100%; font-size: 1rem; font-family: "cs-icons"; content: "\e91d"; } .cnvs-featured-categories-vertical-list .pk-featured-count .pk-featured-number { width: 100%; height: 100%; } .cnvs-featured-categories-vertical-list .pk-featured-item:hover .pk-featured-number { margin-top: -30px; } /*-------------------------------------------------------------- ## Featured Posts --------------------------------------------------------------*/ .cnvs-block-posts article .post-meta, .cnvs-block-posts-sidebar article .post-meta { margin: 0; } .cnvs-block-posts article .entry-header, .cnvs-block-posts-sidebar article .entry-header { width: 100%; } .cnvs-block-posts article .entry-title, .cnvs-block-posts-sidebar article .entry-title { margin: 0; } .cnvs-block-posts article .post-meta:not(:first-child), .cnvs-block-posts-sidebar article .post-meta:not(:first-child) { margin-top: 1rem; } .cnvs-block-posts article .entry-title:not(:first-child), .cnvs-block-posts-sidebar article .entry-title:not(:first-child) { margin-top: 1rem; } .cnvs-block-posts article .post-excerpt:not(:first-child), .cnvs-block-posts-sidebar article .post-excerpt:not(:first-child) { margin-top: 1rem; } .cnvs-block-posts article .post-excerpt:not(:last-child), .cnvs-block-posts-sidebar article .post-excerpt:not(:last-child) { margin-bottom: 1rem; } .cnvs-block-posts article .post-more:not(:first-child), .cnvs-block-posts article .view-post-button:not(:first-child), .cnvs-block-posts-sidebar article .post-more:not(:first-child), .cnvs-block-posts-sidebar article .view-post-button:not(:first-child) { margin-top: 1.5rem; } .cnvs-block-posts article .post-thumbnail .post-more, .cnvs-block-posts article .post-thumbnail .view-post-button, .cnvs-block-posts-sidebar article .post-thumbnail .post-more, .cnvs-block-posts-sidebar article .post-thumbnail .view-post-button { margin-top: 0; } .cnvs-block-posts article.layout-size-small .post-meta:not(:first-child), .cnvs-block-posts-sidebar article.layout-size-small .post-meta:not(:first-child) { margin-top: 0.25rem; } .cnvs-block-posts article.layout-size-small .entry-title:not(:first-child), .cnvs-block-posts-sidebar article.layout-size-small .entry-title:not(:first-child) { margin-top: 0.25rem; } .cnvs-block-posts article.layout-size-medium .post-meta:not(:first-child), .cnvs-block-posts-sidebar article.layout-size-medium .post-meta:not(:first-child) { margin-top: 0.5rem; } .cnvs-block-posts article.layout-size-medium .entry-title:not(:first-child), .cnvs-block-posts-sidebar article.layout-size-medium .entry-title:not(:first-child) { margin-top: 0.5rem; } .cnvs-block-posts .cnvs-block-post-single-excerpt { margin-top: 1rem; } .cnvs-block-posts .cnvs-block-post-single-excerpt:first-child { margin-top: 0; } .cnvs-block-posts .cnvs-block-post-single-view-post-button { margin-top: 1.5rem; } .cnvs-block-posts .pk-share-buttons-block-posts { margin-top: 1.5rem; margin-bottom: 0; } .cnvs-block-posts .pk-share-buttons-scheme-simple-light .pk-share-buttons-item, .cnvs-block-posts .pk-share-buttons-scheme-simple-bold .pk-share-buttons-item { margin-right: 0.125rem; padding: 0.125rem; } .cnvs-block-posts-layout-list .pk-share-buttons-wrap .pk-share-buttons-items { justify-content: flex-start; } /*-------------------------------------------------------------- ## WP Block Group --------------------------------------------------------------*/ .wp-block-group.is-style-cnvs-block-single-border { flex-direction: column; } .wp-block-group.is-style-cnvs-block-single-border:before { height: 3px; } .wp-block-group.is-style-cnvs-block-single-border:after { height: 3px; } .wp-block-group.is-style-cnvs-block-bordered { border-width: 3px; } /*-------------------------------------------------------------- # Vendors --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## SearchWP Live Ajax Search --------------------------------------------------------------*/ .searchwp-live-search-results.searchwp-live-search-results-showing { margin-top: 4px; box-shadow: 0 0 10px 0 rgba(30, 30, 30, 0.2); min-height: 164px; max-height: 332px; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a { padding: 1rem; display: flex; align-items: center; transition: .2s ease background; white-space: normal; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a img { width: 50px; height: 50px; margin-right: 1rem; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .h6 { margin-bottom: 0; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .meta-date { margin-top: 0.25rem; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { display: none; margin-left: auto; color: #6c757d; padding-left: 1rem; } @media (min-width: 760px) { .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { display: block; } } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a > span { display: flex; flex-direction: column; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:hover, .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:focus { background: #e9ecef; outline: 0; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result:not(:last-child) a { border-bottom: 1px #e9ecef solid; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result--focused { background: transparent; } @media (max-width: 1019.98px) { .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result .h6 { font-size: 0.75rem; } } /*-------------------------------------------------------------- ## Contact Form 7 --------------------------------------------------------------*/ div.wpcf7 { margin: 0; padding: 0; } .wpcf7 form.init .wpcf7-response-output { display: none; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0.5rem 1rem; background: #6cdcff; font-size: 0.875rem; color: #00526c; } .wpcf7 form.sent .wpcf7-response-output { background: #d8f6df; color: #145523; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #f3b7bd; color: #921925; } .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: #fff4d3; color: #a07800; } .wpcf7-form-control-wrap { position: relative; display: block; } label .wpcf7-form-control-wrap { margin-top: 0.5rem; } span.wpcf7-not-valid-tip { color: #dc3545; font-size: 0.875rem; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #dc3545; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; width: 20px; height: 20px; border: 2px solid rgba(108, 117, 125, 0.25); border-top-color: #6c757d; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; margin-left: 1rem; vertical-align: middle; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } /*-------------------------------------------------------------- ## WPBakery Page Builder --------------------------------------------------------------*/ .wpb_video_wrapper .cs-embed-responsive:before { display: none; }